// JavaScript Document

function ShowDiv(divid)
{
    var dv = document.getElementById(divid);
    if (dv.style.display == 'none' )
    {
        dv.style.display = 'block';
    }
}  
function HideDiv(divid)
{
   var dv = document.getElementById(divid);
   if (dv.style.display != 'none')
   {
        dv.style.display = 'none';
   }
}   

function ToggleDisplay(divid)
{
    var dv = document.getElementById(divid);
    if (dv.style.display == 'none')
    {
        dv.style.display = 'block';
    }
    else
    {
        dv.style.display = 'none';
    }

}
function ShowHideDiv(DivName, CollapsedImage, ExpandedImage, StartingCollapsedImage, StartingExpandedImage)
{

//alert(DivName);
//alert(CollapsedImage);
//alert(ExpandedImage);

    if(StartingCollapsedImage =='') StartingCollapsedImage = CollapsedImage ;
    if(StartingExpandedImage =='') StartingExpandedImage = ExpandedImage  ;
    

    
	with(document){
		div = getElementById(DivName);
	    
	  
		image = getElementById(DivName + 'img');
		
	}
		
	//This is kind of kludgey. If the gif starts before the DIV has been hidden or shown, then 
	//	the animation will start over. This causes a stuttering effect of the wheel
	var iWait = 30000;
	var bRaised  = false;
	
	if (image.src.indexOf(CollapsedImage) > -1 ) bRaised = true;
	if (image.src.indexOf(StartingCollapsedImage) > -1 ) bRaised = true;

	//if(div.style.display == 'none'){
	if(bRaised ==true){
		//the image is currently pointing to the top. 
		//	This is either the StartArrow (-1) or RaiseArrow ( 0  )
		//	Change it to the animated gif that represents droping the DIV
		div.style.display = '';
		for (idx=0;idx <iWait;){idx++};

	image.src = ExpandedImage ;
		image.alt = 'Collapse Section' ;
	
	}else {
		//Div is currently dropped
		//Change Image to animated gif representing raising the DIV
		div.style.display = 'none';
		for (idx=0;idx <iWait;){idx++};		

		image.src = CollapsedImage ;
		image.alt = 'Expand Section' ;
	}

}