function showFullImage (thisImage) {

// set the full size image path
  var imagePath = '/wtc_images/medium/' + thisImage;

// write to the full image div
  document.getElementById("fullImage").innerHTML = '<table align="center" cellspacing="0" cellpadding="0" border="0"><tr><td><img id="openImage" src="' + imagePath + '" onClick="hideFullImage();" /></td><td valign="top" style="padding-left:15px; text-align:left;"><p><a href="JavaScript:addToQueue(\'' + thisImage + '\');">Add ' + thisImage + ' to request queue</a></p><p><a href="request">Go to Request Form</a></p><p><a href="JavaScript:hideFullImage();">Close</a></p></td></tr></table>';

// sniped from http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
// used to calculate page offset across browsers
// so I can position the image when the page scrolls
  var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        scrOfY = window.pageYOffset; scrOfX = window.pageXOffset;
      } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
        scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft;
      } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
      scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft;
      }

// display and position the transparent and pic divs
  document.getElementById("fullImage").style.display = 'block';
  document.getElementById("fullImage").style.top = scrOfY+10 + 'px';
  document.getElementById("fullImageBackground").style.display = 'block';
  document.getElementById("fullImageBackground").style.height = scrOfY+innerHeight + 'px';
}


// hide the transparent and pic divs
function hideFullImage() {
  document.getElementById("fullImage").innerHTML = '';
  document.getElementById("fullImage").style.display = 'none';
  document.getElementById("fullImageBackground").style.display = 'none';
}

// get the existing images in the cookie and append the one added.
// to do: figure out how not to get duplicates
 
function addToQueue(thisImage) {     // requires cookies.js
  var existingQueue = getCookie('imageQueue');
  setCookie('imageQueue', existingQueue + '^' + thisImage, 0); 
  alert(thisImage + ' has been added to the request queue');
}