//vars
var hideSubnavTimeout;
//parent array
var NavList = new Array("chamber","business","visitors");

var Subchamber = new Array("Home","Resident's Card Program","About the Chamber","Board of Directors","Virtual Tours","Submit Your Event","Information Archive","Contact Us");
var SubchamberLinks = new Array("/index.asp?flashV=go","/chamber/residents_card_specials.asp","/chamber/about.asp","/chamber/board_of_directors.asp","/chamber/virtual_tours.asp","/events/eventsadminedit.asp","/chamber/saltspring_info_archive.asp","/chamber/contact.asp");

var Subbusiness = new Array("Members Directory","Members Login","Membership Information","Member Benefits","Become a Member","4th Annual Business Awards");
var SubbusinessLinks = new Array("/business/search.asp","/members/memberlogin.asp","/business/membership_information.asp","/business/membership_benefits.asp","/business/become_a_member.asp","/business/membership_awards.asp");

var Subvisitors = new Array("Accommodation / Services","About Salt Spring Island","Events Calendar","Salt Spring Video","Climate","Directions","Public Services","Demographics","Request more Information","Contact Us");
var SubvisitorsLinks = new Array("/business/search.asp","/visitors/about_saltspring_island.asp","/events/events.asp","/visitors/tourism_video.asp","/visitors/climate.asp","/visitors/directions.asp","/visitors/services.asp","/visitors/demographics.asp","/visitors/info_request.asp","/chamber/contact.asp");

function contentNav() {
	
		var navTopLevel	= "";
		for(var i=0; i < NavList.length; i++) {
			
			navTopLevel = NavList[i];
			
			document.write("<div id='"+navTopLevel+"NavOn'><a href='/"+navTopLevel+"/index.asp' onmouseover=showSubnav('"+navTopLevel+"'); onmouseout=hideSubnav();><img src=/vimages/nav_"+navTopLevel+"_on.gif /></a></div>")

			document.write("<div id='"+navTopLevel+"NavOff'><a href='/"+navTopLevel+"/index.asp' onmouseover=showSubnav('"+navTopLevel+"'); onmouseout=hideSubnav();><img src=/vimages/nav_"+navTopLevel+"_off.gif /></a></div>");				
					
					document.write("<div id='"+navTopLevel+"Nav' onmouseover=showSubnav('"+navTopLevel+"'); onmouseout=hideSubnav();>");
					
					switch(navTopLevel) {	
						
						//relook at array id as a variable instead of switch
						case "chamber" :
							for(var t=0; t < Subchamber.length; t++)	{
								document.write("<div class='subh_navi'><a href='"+SubchamberLinks[t]+"' onmouseover=showSubnav('"+navTopLevel+"')>"+Subchamber[t]+"</a></div>");
							}
						break;	
						
						case "business" :
							for(var t=0; t < Subbusiness.length; t++)	{
							document.write("<div class='subb_navi'><a href='"+SubbusinessLinks[t]+"' onmouseover=showSubnav('"+navTopLevel+"');>"+Subbusiness[t]+"</a></div>");
						}
						break;	
						
						case "visitors" :
							for(var t=0; t < Subvisitors.length; t++)	{
							document.write("<div class='subv_navi'><a href='"+SubvisitorsLinks[t]+"'>"+Subvisitors[t]+"</a></div>");
						}
						break;
						}
				document.write("</div>");	
			} //

	} //close nav

function initGlobalNav(){
	hideAll(); //hack for IE5/Mac
	//document.getElementById('navGlobal').style.visibility = 'visible';
}	
	
function showSubnav(navitem){
	hideAll();
	strActiveSubnav = navitem;
	document.getElementById(navitem+'Nav').style.visibility = 'visible';
	document.getElementById(navitem+'NavOn').style.visibility = 'visible';
}

function hideSubnav(state){
	clearTimeout(hideSubnavTimeout);
	strActiveSubnav = '';
	if(state == 'force'){
		hideSubnav2();
	}else{
		hideSubnavTimeout = setTimeout('hideSubnav2()', 200);
	}
}

function hideSubnav2(){
	if(strActiveSubnav == ''){
		hideAll();
	}
}	
	
function hideAll() {
	for(var h=0; h < NavList.length; h++)
		document.getElementById(NavList[h]+'Nav').style.visibility = 'hidden';
		document.getElementById('chamberNavOn').style.visibility = 'hidden';
		document.getElementById('businessNavOn').style.visibility = 'hidden';
		document.getElementById('visitorsNavOn').style.visibility = 'hidden';
}	
	
//onload

function pageInit(){
	initGlobalNav();	
}	

window.onload = pageInit;		