// function to make object appear at a specified distance 
// from the top of the window regardless of scrolling
// showHideObject([str object id], [int distance from top])
function showHideObject(obj, top)
{
	// get the browser name
	var browserName=navigator.appName;
	var theObj = "containerDiv" + obj;
	var el = document.getElementById(theObj);
	top = parseInt(top);
	
	// set the correct distance from the top of the window
	if (browserName=="Microsoft Internet Explorer")
	{
	  	// IE
	  	
	  	// set the distance from the top of the window
		var el = document.getElementById(theObj);
		el.style.top = top + document.documentElement.scrollTop + "px";
	}else{
		// NOT IE
		
		// set the distance from the top of the window
		el.style.top = top + window.pageYOffset + "px";
	}// end if else IE
	
	// make the object display / hide
	
	if (el.style.display == "none")
	{
		for(i=1; i<=7; i++){
			var loop = "containerDiv" + i;
			
			hide = document.getElementById(loop);
			hide.style.display = "none";
		}
		
		// show the div
		el.style.display = '';			
			
	}else{
		el.style.display = 'none';	
	}

}// end function