/**************************************
 * Show / Hide right Banners          *
 **************************************/

var state = 'none'; 

function rightNavShowHide(layer_ref) 
{
	var varMyCurrentLayer = document.getElementById(layer_ref);
	
	for (var x = 1; x < 6; x++)
	{
		document.getElementById('banner' + x).style.visibility = 'hidden';
		document.getElementById('banner' + x).style.display = 'none';		
	}
	
	//Hide All Other Banners
	
	//Show our currnt Banner
	document.getElementById(layer_ref).style.visibility = 'visible';
	document.getElementById(layer_ref).style.display = 'block';
} 



/**************************************
 * Randomly generate a banner to show *
 **************************************/

var randomBannerID = Math.floor(Math.random()*4);
randomBannerID = randomBannerID + 1;

document.write('<style>' + '\n');
document.write('#banner' + randomBannerID + '{ display: block; visibility: visible; }' + '\n');
document.write('</style>' + '\n');



/**************************************
 * Script used to generate drop downs *
 **************************************/

//Step #1: Preload + and - images
var collimg = new Image();
var expimg = new Image();
collimg.src = "/images/youth-minus.gif";
collimg.src = "/images/youth-plus.gif";

function ShowHideLayer(boxID) {
	/* Obtain reference for the selected boxID layer and its button */
	var box = document.getElementById("box"+boxID);
	var boxbtn = document.getElementById("btn"+boxID);
	
	/* If the selected box is currently invisible, show it */
	if(box.style.display == "none" || box.style.display=="") {
		box.style.display = "block";
 		boxbtn.src = "/images/youth-minus.gif";
	}
	/* otherwise hide it */
	else {
		box.style.display = "none";
		boxbtn.src = "/images/youth-plus.gif";
	}
}