function showPic(whichpic) {
	var source = whichpic.getAttribute("href");
	
	var body = document.getElementsByTagName("body")[0];
	var pageDimensions = getPageDimensions();
	var viewportSize = getViewportSize();
	
	if (viewportSize[1] > pageDimensions[1]) {
		pageDimensions[1] = viewportSize[1];
	}
	
	var dropSheet = document.createElement("div");
	
	dropSheet.setAttribute("id", "dropSheet");
	/* using new css and don't need these
	dropSheet.style.position = "absolute";
	dropSheet.style.left = "0";
	dropSheet.style.top = "0";
	dropSheet.style.width = pageDimensions[0] + "px";
	dropSheet.style.height = pageDimensions[1] + "px";
	*/
	if (typeof document.compatMode != 'undefined') {
		// targets only ie6
		dropSheet.style.position = "absolute";
		dropSheet.style.left = "0";
		dropSheet.style.top = "0";
		dropSheet.style.width = pageDimensions[0] + "px";
		dropSheet.style.height = pageDimensions[1] + "px";
	}
	
	body.appendChild(dropSheet);
	
    var scrollingPosition = getScrollingPosition();
    
	var outer = document.createElement("div");
	var frame = document.createElement("div");
	var pressClip = document.createElement("img");
	var control = document.createElement("div");
	var btn = document.createElement("input");
	
	outer.setAttribute("id", "outer");
	control.setAttribute("id", "control");
	frame.setAttribute("id", "frame");
	pressClip.setAttribute("src", source);
	
	// set up btn
	btn.setAttribute("type", "button");
	btn.setAttribute("value", "Close Window");
	btn.onclick = function() {
		var body = document.getElementsByTagName("body")[0];
		body.removeChild( document.getElementById("dropSheet") );
		body.removeChild( document.getElementById("outer") );
		body.removeChild( document.getElementById("outershdw") );
	}
	
	// place frame 80px from scrolled position
	outer.style.top = scrollingPosition[1] + 40 + "px";
	
	// add a drop shadow
	var shdw = document.createElement("div");
	shdw.setAttribute("id", "outershdw");
	shdw.style.top = scrollingPosition[1] + 90 + "px";
	body.appendChild(shdw);
	
	control.appendChild(btn);
	outer.appendChild(control);
	outer.appendChild(frame);
	frame.appendChild(pressClip);
	body.appendChild(outer);
	
	return false;
}


function preparePressThumbs() {
	/* fix links with new behavior */
	// test browser
	if (!document.createElement) return false;
	if (!document.createTextNode) return false;
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById("rightside")) return false;
	
  
	// get references
	var rightside = document.getElementById("rightside");
	var ul = rightside.getElementsByTagName("ul")[0];
	var links = ul.getElementsByTagName("a");
  
  
	// add new behaviors to images
	for ( var i=0; i < links.length; i++) {
		links[i].onclick = function() {
			return showPic(this);
		} // end onclick
	}// end foor loop
  
  
	// add hover effects, because of IE6
	var imgs = ul.getElementsByTagName("img");
	for (var j=0; j<imgs.length; j++) {
		imgs[j].onmouseover = function() { 
			this.className = "over"; 
		}
		
		imgs[j].onmouseout = function() { 
			this.className = ""; 
		}
	}
  
	
}


function getPageDimensions()
{
  var body = document.getElementsByTagName("body")[0];
  var bodyOffsetWidth = 0;
  var bodyOffsetHeight = 0;
  var bodyScrollWidth = 0;
  var bodyScrollHeight = 0;
  var pageDimensions = [0, 0];

  if (typeof document.documentElement != "undefined" &&
      typeof document.documentElement.scrollWidth != "undefined")
  {
    pageDimensions[0] = document.documentElement.scrollWidth;
    pageDimensions[1] = document.documentElement.scrollHeight;
  }

  bodyOffsetWidth = body.offsetWidth;
  bodyOffsetHeight = body.offsetHeight;
  bodyScrollWidth = body.scrollWidth;
  bodyScrollHeight = body.scrollHeight;

  if (bodyOffsetWidth > pageDimensions[0])
  {
    pageDimensions[0] = bodyOffsetWidth;
  }

  if (bodyOffsetHeight > pageDimensions[1])
  {
    pageDimensions[1] = bodyOffsetHeight;
  }

  if (bodyScrollWidth > pageDimensions[0])
  {
    pageDimensions[0] = bodyScrollWidth;
  }

  if (bodyScrollHeight > pageDimensions[1])
  {
    pageDimensions[1] = bodyScrollHeight;
  }

  return pageDimensions;
}

function getViewportSize()
{
  var size = [0,0];

  if (typeof window.innerWidth != 'undefined')
  {
    size = [
        window.innerWidth,
        window.innerHeight
    ];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth != 'undefined'
      && document.documentElement.clientWidth != 0)
  {
    size = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  }
  else
  {
    size = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }

  return size;
}

function getScrollingPosition()
{
  //array for X and Y scroll position
  var position = [0, 0];

  //if the window.pageYOffset property is supported
  if (typeof window.pageYOffset != 'undefined')
  {
    //store position values
    position = [
        window.pageXOffset,
        window.pageYOffset
    ];
  }

  //if the documentElement.scrollTop property is supported
  //and the value is greater than zero
  if (typeof document.documentElement.scrollTop != 'undefined'
      && document.documentElement.scrollTop > 0)
  {
    //store position values
    position = [
        document.documentElement.scrollLeft,
        document.documentElement.scrollTop
    ];
  }

  //if the body.scrollTop property is supported
  else if(typeof document.body.scrollTop != 'undefined')
  {
    //store position values
    position = [
        document.body.scrollLeft,
        document.body.scrollTop
    ];
  }

  //return the array
  return position;
}



addLoadEvent(preparePressThumbs);