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);
		if (page != null)
		{

			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 != null && pageR != null)
		{
			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";
			}

		}