// Controls the top navigation bar (Home, Residential Access, Business Access, etc)

var blueImage = "url('images/top_nav_bg_blue.gif')";
var orangeImage = "url('images/top_nav_bg_orange.gif')";

function defaultHighlight(currentPage) {

	// highlights the current page on page load.
	document.getElementById(currentPage).style.backgroundImage = orangeImage;

}

function highlight(link) {
	
	var home = document.getElementById('link-Home');
	var residential = document.getElementById('link-Residential');
	var business = document.getElementById('link-Business');
	var webServices = document.getElementById('link-WebServices');
	var techSupport = document.getElementById('link-TechSupport');
	var webMail = document.getElementById('link-WebMail');
	var myAccount = document.getElementById('link-MyAccount');
		
	// hide all.
	home.style.backgroundImage = blueImage;
	residential.style.backgroundImage = blueImage;
	business.style.backgroundImage = blueImage;
	webServices.style.backgroundImage = blueImage;
	techSupport.style.backgroundImage = blueImage;
	webMail.style.backgroundImage = blueImage;
	myAccount.style.backgroundImage = blueImage;
	
	// show specific background.
	document.getElementById(link).style.backgroundImage = orangeImage;
	
}