// JavaScript Document
function adjHeight(thumbId) { 
	var viewportwidth;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
	 if (typeof window.innerWidth != 'undefined')
	 {
		  viewportwidth = window.innerWidth
	 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

	 else if (typeof document.documentElement != 'undefined'
		 && typeof document.documentElement.clientWidth !=
		 'undefined' && document.documentElement.clientWidth != 0)
	 {
		   viewportwidth = document.documentElement.clientWidth
	 }
 
 // older versions of IE
 
	 else
	 {
		   viewportwidth = document.getElementsByTagName('body')[0].clientWidth
	 }

// designate #left as target
	var target = document.getElementById('left');	 
	
// identify position of chosen element
	var thumbPos = document.getElementById(thumbId).offsetTop;
	
// if users are viewing at anything larger than 600x800, will set css positioning to normal	
	if ( viewportwidth >= 800 ) {
		target.style.top = "45px";
	}
	
// users viewing at 600x800 will have their detailed images shifted to their viewing area 	
	else {
		if ((thumbPos/2)<45){
		target.style.top = "45px";}
		
		else{
		target.style.top = (thumbPos/2) + 'px';}
		}
}