var leftImg  = "<img src='assets/main_r2_c1.jpg' width='50' height='25' />";
var rightImg = "<img src='assets/main_r2_c15.jpg' width='50' height='25' />";

var mainNav = new Array();
mainNav[0] = "about";
mainNav[1] = "events";
mainNav[2] = "camping";
mainNav[3] = "business";
mainNav[4] = "tourism";
mainNav[5] = "marinas";
mainNav[6] = "industry";
mainNav[7] = "contact";
mainNav[8] = "home";

var links = new Array();
links[0] = "";
links[1] = new Array();
links[2] = "";
links[3] = new Array();
links[4] = new Array();
links[5] = new Array();
links[6] = new Array();
links[7] = "";
links[8] = "";


/* EVENTS SUBNAVIGATION */
links[1][0] = new Array();
links[1][0][0] = "Events Calendar";
links[1][0][1] = "calendar.html";

links[1][1] = new Array();
links[1][1][0] = "8 Great Tuesdays";
links[1][1][1] = "8great.html";

links[1][2] = new Array();
links[1][2][0] = "Gallery";
links[1][2][1] = "gallery.html";


/* BUSINESS SUBNAVIGATION */
links[3][0] = new Array();
links[3][0][0] = "Downloads";
links[3][0][1] = "downloads.html";

links[3][1] = new Array();
links[3][1][0] = "Board of Directors";
links[3][1][1] = "board.html";

links[3][2] = new Array();
links[3][2][0] = "Staff";
links[3][2][1] = "staff.html";

links[3][3] = new Array();
links[3][3][0] = "Master Plan";
links[3][3][1] = "master_plan.html";

links[3][4] = new Array();
links[3][4][0] = "Employment";
links[3][4][1] = "employment.html";


/* TOURISM SUBNAVIGATION */
links[4][0] = new Array();
links[4][0][0] = "Cruising";
links[4][0][1] = "cruising.html";

links[4][1] = new Array();
links[4][1][0] = "Customs";
links[4][1][1] = "customs.html";


/* MARINAS SUBNAVIGATION */
links[5][0] = new Array();
links[5][0][0] = "Perry's Landing Marina";
links[5][0][1] = "http://perryslandingmarina.com/' target='_blank";

links[5][1] = new Array();
links[5][1][0] = "Lampe Marina";
links[5][1][1] = "lampe_marina.html";

links[5][2] = new Array();
links[5][2][0] = "Boating";
links[5][2][1] = "boating.html";


/* INDUSTRY SUBNAVIGATION */
links[6][0] = new Array();
links[6][0][0] = "Donjon Shipbuilding &amp; Repair";
links[6][0][1] = "donjon.html";

links[6][1] = new Array();
links[6][1][0] = "Erie Sand &amp; Gravel";
links[6][1][1] = "eriesand.html";


var rolloverImg = new Array();
rolloverImg[0] = "assets/about_over.jpg";
rolloverImg[1] = "assets/events_over.jpg";
rolloverImg[2] = "assets/camping_over.jpg";
rolloverImg[3] = "assets/business_over.jpg";
rolloverImg[4] = "assets/tourism_over.jpg";
rolloverImg[5] = "assets/marinas_over.jpg";
rolloverImg[6] = "assets/industry_over.jpg";
rolloverImg[7] = "assets/contact_over.jpg";
rolloverImg[8] = "assets/home_over.jpg";

var defaultImg = new Array();
defaultImg[0] = "assets/about.jpg";
defaultImg[1] = "assets/events.jpg";
defaultImg[2] = "assets/camping.jpg";
defaultImg[3] = "assets/business.jpg";
defaultImg[4] = "assets/tourism.jpg";
defaultImg[5] = "assets/marinas.jpg";
defaultImg[6] = "assets/industry.jpg";
defaultImg[7] = "assets/contact.jpg";
defaultImg[8] = "assets/home.jpg";


function show(navItem){
	for(x in mainNav){
		if(navItem == mainNav[x]){
			swapImg(x);
			showSubNav(x);
		}
		else{
			swapBack(x);
		}
	}
}

function showNavItem(navItem){
	alert(navItem);
}

function showSubNav(x){
	/* These elements don't have a sub navigation */
	if(x==0 || x==2 || x==7 || x==8){
		document.getElementById('subNav').innerHTML="";
		contractSubNav();
	}
	else{
		expandSubNav();
		getLinks(x);
	}
}

function getLinks(x){
	var output = "<div id='subNavInner'>";
	
	if(x==3){
		output = output + "<div style='width:100px;min-width:100px;max-width:100px;float:left'>&nbsp;</div>";
	}
	if(x==4){
		output = output + "<div style='width:420px;min-width:420px;max-width:420px;float:left'>&nbsp;</div>";
	}
	if(x==5){
		output = output + "<div style='width:430px;min-width:435px;max-width:435px;float:left'>&nbsp;</div>";
	}
	if(x==6){
		output = output + "<div style='width:500px;min-width:500px;max-width:500px;float:left'>&nbsp;</div>";
	}
	
	for(y in links[x]){
		if(y==(links[x].length-1)){
			output = output + "<div class='subNavLastLink'>";
		}
		else{
			output = output + "<div class='subNavLink'>";
		}
		
		output = output + "<div class='subNavLinkInner'>";
		output = output + "<a href='" + links[x][y][1] + "'>" + links[x][y][0] + "</a>";
		output = output + "<div style='clear:both'></div>";
		output = output + "</div></div>";
	}
	
	if(x==3 || x==4 || x==5 || x==6){
		output = output + "<div style='clear:both'></div>";
	}
	
	output = output + "</div>";
	document.getElementById('subNav').innerHTML=output;
}

/* Swap Img */
function swapImg(x){
	document.getElementById(mainNav[x]).src=rolloverImg[x];
}
function swapBack(x){
	document.getElementById(mainNav[x]).src=defaultImg[x];
}


/* Expand & Contract */
function expandSubNav(){
	document.getElementById('subNav').style.height="25px";
	document.getElementById('subNav').style.minHeight="25px";
	document.getElementById('subNav').style.maxHeight="25px";
	document.getElementById('subNavLeft').innerHTML=leftImg;
	document.getElementById('subNavRight').innerHTML=rightImg;
}

function contractSubNav(){
	document.getElementById('subNav').style.height="0px";
	document.getElementById('subNav').style.minHeight="0px";
	document.getElementById('subNav').style.maxHeight="0px";
	document.getElementById('subNavLeft').innerHTML="";
	document.getElementById('subNavRight').innerHTML="";
}