$(document).ready(function(){

  var currentClient = 'tectonyc';

  function setImage(client){

    var targetID = "main";

    var initialContent = '<img src="artwork/portfolio/' + client + '.gif" border="0" alt="" /><div id="logo"><a href="http://www.tectonyc.com/" onfocus="blur();"><img src="artwork/logos/logo_tectonyc.gif" border="0" alt="logo_tectonyc" /><\/a><\/div>';

    var imgDiv       = document.getElementById(targetID);
    imgDiv.innerHTML = initialContent;
    var artwork      = getSwfObject(client).write(targetID);

    eval(main);

    if (artwork){
      var additionalContent = '<div id="logo"><a href="http://www.tectonyc.com/" onfocus="blur();"><img src="artwork/logos/logo_tectonyc.gif" border="0" alt="logo_tectonyc" /></a></div>';
      var swfDiv            = document.getElementById(targetID);
      swfDiv.innerHTML     += additionalContent;
    }
  }
  function getSwfObject(client){
    var retVal = new SWFObject( 'artwork/layout_elements/screenshot.swf?client=' + client ,
                                'screenshot',
                                '476',
                                '480',
                                '6',
                                '#FFFFFF'
                              );
    retVal.addParam('menu', 'false');
    retVal.addParam('quality', 'high');
    return retVal;
  }

  function setCurrentClient(client) { currentClient = client; };

  function displayClient() {
    $('.description').hide();
    $('.client').hide();
    $('.description.' + currentClient).show();
    $('.client.' + currentClient).show();
  };

  $('.clients a').click(function(){
    var $this   = $(this);
    $('.selected').removeClass('selected');
    var client  = $this.attr('class');
    $this.addClass('selected');
    setCurrentClient(client);
    setImage(client);
    displayClient();
    if (client != 'tectonyc') {
      $('.services').show();
    } else {
      $('.services').hide();
    };
  });
  displayClient();
});