var mainNav = new Array("Leclub","separation","Navigation","separation","actualites","separation","competition","separation","ecoledevoile");

var Leclub = new Object();
Leclub.name = "Leclub";
Leclub.src = "Leclub.gif";
Leclub.alt = "Leclub";
Leclub.height = "19";
Leclub.width = "60";
Leclub.subnav = "LeclubSub";

var Navigation = new Object();
Navigation.name = "Navigation";
Navigation.alt = "Navigation";
Navigation.src = "Navigation.gif";
Navigation.height = "19";
Navigation.width = "87";
Navigation.subnav = "NavigationSub";

var actualites = new Object();
actualites.name = "actualites";
actualites.src = "Actualites.gif";
actualites.alt = "actualites";
actualites.height = "19";
actualites.width = "85";
actualites.subnav = "actualitesSub";

var competition = new Object();
competition .name = "competition";
competition .src = "competition.gif";
competition .alt = "competition"
competition .height = "19";
competition .width = "100";
competition .subnav = "competitionSub";

var ecoledevoile = new Object();
ecoledevoile.name = "ecoledevoile";
ecoledevoile.src = "Ecoledevoile.gif";
ecoledevoile.alt = "ecoledevoile"
ecoledevoile.height = "19";
ecoledevoile.width = "112";
ecoledevoile.subnav = "ecoledevoileSub";

var separation = new Object();
separation.name = "separation";
separation.src = "Menu_sep.gif";
separation.alt = "separation";
separation.height = "19";
separation.width = "7";

var LeclubSubItemIds = new Array("Devenirmembre","LeComitedirecteur","localisation");
var LeclubSubItemNames = new Array("Devenir membre","Le Comité directeur","Localisation");
var LeclubSubItemUrls = new Array("Inscription_Club_de_Voile_de_Saint_Raphael.tpl?dm=T&cache=T","Club_nautique_de_Saint_Raphael.tpl?CD=T","Club_nautique_de_Saint_Raphael.tpl?localisation=T");

var separationSubItemIds = new Array(0);
var separationSubItemNames = new Array(0);
var separationSubItemUrls = new Array(0);

var NavigationSubItemIds = new Array("Calendrierregates","resultats","laflotte","meteo");
var NavigationSubItemNames = new Array("Calendrier des régates","Résultats","La flotte","Metéo");
var NavigationSubItemUrls = new Array("Regates_Voiliers_Saint_Raphael_Voile_legere_Croisiere_loisirs.tpl","resultats_Voiliers_Saint_Raphael_Voile_legere_Croisiere_loisirs.tpl","Flotte_Voiliers_habitables_deriveurs_Saint_Raphael.tpl","Meteo_Saint_Raphael.tpl");

var actualitesSubItemIds = new Array("avisdecourse","actualites");
var actualitesSubItemNames = new Array("Avis de course","Actualités du Club");
var actualitesSubItemUrls = new Array("Regates_Voiliers_Saint_Raphael_Voile_legere_Croisiere_loisirs.tpl?avisdecourse=T","actualites_Voile_legere_cotiere_deriveur.tpl");

var competitionSubItemIds = new Array("Lecoledesport");
var competitionSubItemNames = new Array("L'école de sport");
var competitionSubItemUrls = new Array("Ecole_de_sport_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl");

var ecoledevoileSubItemIds = new Array("presentationedv","Stagessemaine","coursparticuliers","locations");
var ecoledevoileSubItemNames = new Array("Initiation","Voile Loisir","Stages d'été","Cours particuliers","Locations");
var ecoledevoileSubItemUrls = new Array("Ecole_de_voile_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl?ini=T&cache=T#INI","Ecole_de_voile_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl?vl=T&cache=T#VL","Ecole_de_voile_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl?ss=T&vacscol=T&cache=T#SS","Ecole_de_voile_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl?cp=T&vacscol=T&cache=T#CP","Ecole_de_voile_deriveurs_catamaran_quillards_de_sport_Saint_Raphael.tpl?loc=T&cache=T#LOC");

window.onload=function() {
	writeMainNav();
}

function writeMainNav() {
	var navWrapper = document.getElementById("navWrapperDiv");
	navWrapper.innerHTML = "";
	var navHTML = "";
	var events = "";
	var imgUrl = "";
	for (var i = 0; i < mainNav.length; i++) {
		if (eval(mainNav[i] + "SubItemIds.length") != "0") {
			events = 'onMouseOver="showSubNav(\'' + mainNav[i]  + '\')" onMouseOut="hideSubNav(\'' + mainNav[i]  + '\')"'
			imgUrl = "#"
		} else {
			events = "";
			imgUrl = ""
		}
		//main nav container
		navHTML += '<div id=\"' + mainNav[i] + '\" class=\"mainNavWrapper\" style=\"z\-index\:' + (mainNav.length - i) + '\">';
		//main nav item
		navHTML += '<div id=\"' + eval(mainNav[i] + ".name") + 'Main' + '\" class=\"mainNavItem\"' + events + '>';
		navHTML += '<a href=\"' + imgUrl + '\"><img src=\"images/' + eval(mainNav[i] + ".src") + '\" border=\"0\"></a>';
		//end main nav item
		navHTML += '</div>'
		
		if (eval(mainNav[i] + "SubItemIds.length") != "0") {
			//sub nav container
			navHTML += '<div id=\"' + eval(mainNav[i] + ".name") + 'Sub' + '\" class=\"subNavWrapper\"' + events + '>';
		
			//sub nav items
			//for loop here
			for(var x = 0; x < eval(mainNav[i] + "SubItemIds.length"); x++) {
				navHTML+= '<div id=\"' + eval(mainNav[i] + "SubItemIds[" + x + "]") + '\" class="subNavItem" onMouseOver="navOn(\'' +  eval(mainNav[i] + "SubItemIds[" + x + "]") + '\')" onMouseOut="navOff(\'' + eval(mainNav[i] + "SubItemIds[" + x + "]")  + '\')" onClick="gotoPage(\'' + eval(mainNav[i] + "SubItemUrls[" + x + "]") + '\')">' + eval(mainNav[i] + "SubItemNames[" + x + "]") + '</div>'
			}
			//end sub nav container
			navHTML += '</div>'
		}
		//end nav container
		navHTML += '</div>';
	}

 //	navHTML += '<div id="End" class="mainNavWrapper" style="float: right; z-index: 0;"><img src="images/Menu_Fin.gif" height="19" width="6" border="0" alt="End"></div>'
	
	navWrapper.innerHTML = navHTML;
}

function showSubNav(section) {
	document.body.style.cursor = "default";
	var tabElement = document.getElementById(section + "Sub");
	tabElement.style.overflow = "visible";
	tabElement.style.visibility = "visible";
}

function hideSubNav(section) {
	document.body.style.cursor = "default";
	var tabElement = document.getElementById(section + "Sub");
	tabElement.style.visibility = "hidden";
	tabElement.style.overflow = "hidden";

}

function navOn(divName) {
	var tabElement = document.getElementById(divName);
	tabElement.style.background = "#666666";
}

function navOff(divName) {
	var tabElement = document.getElementById(divName);
	tabElement.style.background = "#0A50A1";
}

function gotoPage(page) {
	window.location = page;
}