// JavaScript Document
function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  
  if(document.getElementById("more_link").innerHTML == "expand to learn more")
	  document.getElementById("more_link").innerHTML = "contract full view";
  else
  	document.getElementById("more_link").innerHTML = "expand to learn more";
}

function toggleLayer2( whichLayer)
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
	
}

function toggleLayer3( whichLayer, obj, url, label  )
{
	var elem, vis;
	
	
	if( document.getElementById ) // this is the way the standards work
	{
		elem = document.getElementById( whichLayer );
		obj = document.getElementById(obj);
	}
	else if( document.all ) // this is the way old msie versions work
	{
		elem = document.all[whichLayer];
		obj = document.all[obj];
	}
	else if( document.layers ) // this is the way nn4 works
	{
		elem = document.layers[whichLayer];
		obj = document.layers[obj];
	}
		
	vis = elem.style;
	
	// if the style.display value is blank we try to figure it out here
	if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
		vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
	
	vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  	
	//	If the div is set to block then we can assume the link has been clicked and should
	//	Keep the select color present.
	if(vis.display == 'block')
	{
	//	Changing the background color and image to refelct the highlighted status.
  		obj.style.backgroundColor = "#990000";
		obj.style.backgroundImage = "url(/images/arrow_down.png)";
	//	Changing the tag so that it now appears as a link
		obj.innerHTML = '<a href="' + url + '">' + label + '</a>';
	}
	else
	{
		obj.style.backgroundColor = "#000000";
		obj.style.backgroundImage = "url(/images/arrow_right.png)";
		obj.innerHTML= label;
	}

}
function hover( color, obj)
{
	obj.style.backgroundColor = color;
}
function goTo( id )
{
	window.location = document.getElementById( id ).value;
}