// JavaScript Document
$GlobalFlag=false;

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 if (ieversion>=8)
  {//alert("You're using IE8 or above")
  }
 else if (ieversion>=7)
 {//alert("You're using IE7.x")
 }
 else if (ieversion>=6)
 {
  $GlobalFlag=true;
  //alert("You're using IE6.x");
 }
 else if (ieversion>=5)
 {
   $GlobalFlag=true;
 //alert("You're using IE5.x");
 }
}
//else
 //alert("n/a");
 
$flagHow=false;
$flagsteps=false;
$flagtrad=false;
$flagprom=false;
$flagfor=false;


function onOver(id)
{   if($GlobalFlag==false)
	document.getElementById(id).style.backgroundColor="#FFF";
}
function onOut(id)
{
	 if($GlobalFlag==false)
	document.getElementById(id).style.backgroundColor="#CCC";
}
function onDown(id)
{
	 if($GlobalFlag==false)
	 {
	if(id=='hiw')
	{
		$myID = 'how';
		if($flagHow==false)
		{
			$flagHow=true;
			document.getElementById($myID).style.height="auto";
			document.getElementById($myID).style.visibility="visible";
			document.getElementById($myID).style.padding="10px";
			document.getElementById($myID).style.fontSize="16px";
		}
		else if ($flagHow==true)
		{
			
			$flagHow=false;
			document.getElementById($myID).style.height="0px";
			document.getElementById($myID).style.visibility="hidden";
			document.getElementById($myID).style.padding="0px";
			document.getElementById($myID).style.fontSize="1px";
		}
		
	}
	
	if(id=='steps')
	{
		$myID = 'steps12';
		if($flagsteps==false)
		{
			$flagsteps=true;
			document.getElementById($myID).style.height="auto";
			document.getElementById($myID).style.visibility="visible";
			document.getElementById($myID).style.padding="10px";
			document.getElementById($myID).style.fontSize="16px";
		}
		else if ($flagsteps==true)
		{
			
			$flagsteps=false;
			document.getElementById($myID).style.height="0px";
			document.getElementById($myID).style.visibility="hidden";
			document.getElementById($myID).style.padding="0px";
			document.getElementById($myID).style.fontSize="1px";
		}
		
	}
	
	if(id=='trad')
	{
		$myID = 'traditions';
		if($flagtrad==false)
		{
			$flagtrad=true;
			document.getElementById($myID).style.height="auto";
			document.getElementById($myID).style.visibility="visible";
			document.getElementById($myID).style.padding="10px";
			document.getElementById($myID).style.fontSize="16px";
		}
		else if ($flagtrad==true)
		{
			
			$flagtrad=false;
			document.getElementById($myID).style.height="0px";
			document.getElementById($myID).style.visibility="hidden";
			document.getElementById($myID).style.padding="0px";
			document.getElementById($myID).style.fontSize="1px";
		}
		
	}
	
	if(id=='prom')
	{
		$myID = 'promises';
		if($flagprom==false)
		{
			$flagprom=true;
			document.getElementById($myID).style.height="auto";
			document.getElementById($myID).style.visibility="visible";
			document.getElementById($myID).style.padding="10px";
			document.getElementById($myID).style.fontSize="16px";
		}
		else if ($flagprom==true)
		{
			
			$flagprom=false;
			document.getElementById($myID).style.height="0px";
			document.getElementById($myID).style.visibility="hidden";
			document.getElementById($myID).style.padding="0px";
			document.getElementById($myID).style.fontSize="1px";
		}
		
	}
	
	if(id=='for')
	{
		$myID = 'forme';
		if($flagfor==false)
		{
			$flagfor=true;
			document.getElementById($myID).style.height="auto";
			document.getElementById($myID).style.visibility="visible";
			document.getElementById($myID).style.padding="10px";
			document.getElementById($myID).style.fontSize="16px";
		}
		else if ($flagfor==true)
		{
			
			$flagfor=false;
			document.getElementById($myID).style.height="0px";
			document.getElementById($myID).style.visibility="hidden";
			document.getElementById($myID).style.padding="0px";
			document.getElementById($myID).style.fontSize="1px";
		}
		
	}
	
	 }
}