function showcaseSetup() {
  new Ajax.Updater( 'showcaseDiv', 
                    '/ajax/showcase.php', 
                    {
                      method: 'post',
                      parameters: {
                        ordered: 'true'
                      },
                      evalScripts: true,
                      onComplete: loadImages
                    }
                  );
}

function loadImages() {
  showcase = $('showcaseTable');
  showcase.down(1).childElements().each(function(el) {
      el.observe('mouseover', function(event) {
          thumbToGray(this);
        });
      el.observe('mouseout', function(event) {
          thumbToColor(this);
        });
      el.observe('click', function(event) {
          event.stop();
          showcasePop(this);
        });
    });
}

function thumbToGray(td) {
  td.down().src= '/showcases/'+td.identify()+'/thumbnailGray.jpg';
  $('showcaseDescription').innerHTML=td.down().alt;
}

function thumbToColor(td) {
  td.down().src= '/showcases/'+td.identify()+'/thumbnail.jpg';
  $('showcaseDescription').innerHTML='Project Showcase: Click thumbnail to view project.';
}

function showcasePop(td) {
  window.open('/showcases/'+td.identify()+'/index.php', 'showcaseWindow', 'menubar=0,toolbar=0,width=647,height=625,scrollbars=1');
}

document.observe('dom:loaded', showcaseSetup);