function showOverlay(which) {		
	document.getElementById(which).style.display='block';	
}

function hideOverlay(which) {
	document.getElementById(which).style.display='none';
}

var banner = new Array();
banner[0] = new Object;
banner[1] = new Object;
banner[2] = new Object;
banner[3] = new Object;
banner[4] = new Object;

banner[0].button = "banner_btn_1";
banner[1].button = "banner_btn_2";
banner[2].button = "banner_btn_3";
banner[3].button = "banner_btn_4"; 
banner[4].button = "banner_btn_5";

banner[0].image = "./images/sp_slideshow/1.jpg";
banner[1].image = "./images/sp_slideshow/2.jpg";
banner[2].image = "./images/sp_slideshow/3.jpg";
banner[3].image = "./images/sp_slideshow/4.jpg";
banner[4].image = "./images/sp_slideshow/5.jpg";

banner[0].url = "./collaborative-divorce-coaching.php";
banner[1].url = "./divorce-mediation.php";
banner[2].url = "./psychotherapy-counseling.php";
banner[3].url = "./psychological-assessments-evaluations.php";
banner[4].url = "./parenting-coordination.php";

var bannerTimer;
var bannerCounter = 0;

function startBanner()
{
	bannerTimer = setInterval("swapButton('auto')", 5000)
}

function stopBanner()
{
	clearInterval(bannerTimer);
}

function swapButton(which) {

	if (which == "auto")
	{
		bannerCounter++;
		if (bannerCounter >= banner.length)
		{
			bannerCounter = 0;
		}
		which = bannerCounter;
	}
	else
	{
		clearInterval(bannerTimer);
	}

	for (i = 0; i < banner.length; i++)
	{
		document.getElementById(banner[i].button).className='unselected';
	}

	document.getElementById('bannerImage').src = banner[which].image;
	document.getElementById('bannerURL').href = banner[which].url;

	document.getElementById(banner[which].button).className='selected';
	document.getElementById(banner[which].button).blur();

}

function showsubnav(which) {
	document.getElementById(which).display = 'block';
}

function highlightleftnav(which) {
	document.getElementById(which).className = 'selected';
}

function swapTab(which,button) {
	
		document.getElementById('tertiary_1').className = 'unselected';
		document.getElementById('tertiary_2').className = 'unselected';
		document.getElementById('tertiary_3').className = 'unselected';		
		document.getElementById(button).className = 'selected';
		
		document.getElementById('tab1').style.display = 'none';
		document.getElementById('tab2').style.display = 'none';
		document.getElementById('tab3').style.display = 'none';		
		document.getElementById(which).style.display = 'block';
}
