function verScroll(dir, spd, loop) 
	{

		loop = true;
		direction = "up";
		speed = 20;
		scrolltimer = null;
		
		if (document.layers) 
		{
			var page = eval(document.contentLayer);
			var pageR = eval(document.renderLayer);
		}
		else 
		{
			if (document.getElementById) 
			{
				var page= eval("document.getElementById('contentLayer')");
				var pageR = eval("document.getElementById('renderLayer')");
			}
			else 
			{
				if (document.all) 
				{
					var page = eval(document.all.contentLayer);
					var pageR = eval(document.all.renderLayer);
				}
			}
		}
		
		direction = dir;
		speed = parseInt(spd);
		var y_pos = parseInt(page.style.top);
		
		if (loop == true) 
		{
			if (direction == "dn") 
			{

				// if the content panel spills over, then allow the shift upwards to be made
				if (page.offsetHeight >= pageR.offsetHeight)
				{
					// if the shifting is ok but the panel is already at the bottom then dont do the shift
					if (parseInt(page.style.top) + page.offsetHeight > pageR.offsetHeight)
					{
						page.style.top = (y_pos - (speed));
					}					
				}

			} 
			else 
			{

				if (direction == "up" && y_pos < 0) 
				{
					page.style.top = (y_pos + (speed));
				} 
				else 
				{
					if (direction == "top") 
					{
						page.style.top = 0;
					}
				}
			}

			scrolltimer = setTimeout("verScroll(direction,speed)", 1);
	   }
	}


	function stopScroll() 
	{
		loop = false;
		clearTimeout(scrolltimer);
	}



	function displayControls()
	{


		if (document.layers) 
		{
			var page = eval(document.contentLayer);
			var pageR = eval(document.renderLayer);
		}
		else 
		{
			if (document.getElementById) 
			{
				var page= eval("document.getElementById('contentLayer')");
				var pageR = eval("document.getElementById('renderLayer')");
			}
			else 
			{
				if (document.all) 
				{
					var page = eval(document.all.contentLayer);
					var pageR = eval(document.all.renderLayer);
				}
			}
		}

		if (page.offsetHeight > pageR.offsetHeight)
		{
			showDIV('controlLayer');
		}
		else
		{
			hideDIV('controlLayer');
		}
			

	}


	//
	//
	//
	function hideDIV(DivID)
	{

		if(document.layers)	   //NN4+
		{
		   document.layers[DivID].visibility = "hide";
		}
		else if(document.getElementById)
		{
			var obj = document.getElementById(DivID);
			obj.style.display = "none";			
		}
		else if(document.all)	// IE 4
		{
			document.all[DivID].style.visibility = "hidden";
		}
	}



		//
		//
		//
		function showDIV(DivID)
		{

			if(document.layers)	   //NN4+
			{
			   document.layers[DivID].visibility = "show";
			}
			else if(document.getElementById)	  //gecko(NN6) + IE 5+
			{
				var obj = document.getElementById(DivID);
				obj.style.visibility = "visible";
				obj.style.display = "" 
				obj.innerHTML = obj.innerHTML + "";
			}
			else if(document.all)	// IE 4
			{
				document.all[DivID].style.visibility = "visible";
			}

		}


		var timeoutID = 0;
		//
		//
		//
		function timeoutMenu(DivID)
		{

			if (timeoutID != 0)
			{
				clearTimeout(timeoutID);
			}
			timeoutID = setTimeout("hideDIV('" + DivID + "')",2000);

		}
		
		
		
		
		function loadRandomImages()
		{
			
			var thisdate = new Date();

			var mod = thisdate.getHours() % 4;
			//var mod = 0;	 
			if (document.getElementById('topImage') != null)
				document.getElementById('topImage').src = 'images/top0' + mod + '.jpg';
			
			if (document.getElementById('sideImage') != null)
				document.getElementById('sideImage').src = 'images/side0' + mod + '.jpg';
				
			if (document.getElementById('introImage') != null)
				document.getElementById('introImage').src = 'images/intro0' + mod + '.jpg';
			
		}
		
		
		
		function displayRandomImage()
		{
			images = new Array(4);
			images[0] = "images/intro01.jpg";
			images[1] = "images/intro02.jpg";
			images[2] = "images/intro03.jpg";
			images[3] = "images/intro04.jpg";
			index = Math.floor(Math.random() * images.length);
			document.getElementById('introImage').src = images[index];
		}