/* --------------------------------------------------------
	Author:		Guilhem Soulas
	Website:	gs-consultant-internet.com
/* -------------------------------------------------------- */
/* --------------------------------------------------------
/* Operations on the separators (background image) of the main menu
/* Menu IDs from nav1 to nav6
/* -------------------------------------------------------- */
function changeBackgroundSeparator(menuId) {
	var urlSeparator="./images/menu_separator.png";
	//alert(menuId);
	document.getElementById(menuId).style.backgroundImage="url("+urlSeparator+")";
	document.getElementById(menuId).style.backgroundRepeat="no-repeat";
	document.getElementById(menuId).style.backgroundPosition="100% 55%";
};

function changeBackgroundOn(menuId) {
	var urlSeparatorOn="./images/fd-menu_on.png";
	document.getElementById(menuId).style.backgroundImage="url("+urlSeparatorOn+")";
	document.getElementById(menuId).style.backgroundRepeat="no-repeat";
	document.getElementById(menuId).style.backgroundPosition="100% 55%";
};


// main_menu separator disappears on mouse over
function changeMenuBackgroundOver(menuId1, menuId2) {
	var urlSeparatorOn="./images/fd-menu_on.png";
	if (menuId1!='xxx'){
		changeBackgroundOn(menuId1);
	}
	if (menuId2!='xxx'){
		document.getElementById(menuId2).style.backgroundImage="url("+urlSeparatorOn+")";
		document.getElementById(menuId2).style.backgroundRepeat="repeat-x";
		document.getElementById(menuId2).style.backgroundPosition="0% 0%";
	}
};

// main_menu separator reappears on mouse out
// next : active or notActive
function changeMenuBackgroundOut(menuId1, menuId2, next) {
	var lastOne = "nav6";
	var urlSeparator="./images/menu_separator.png";
	var urlSeparatorOn="./images/fd-menu_on.png";
	if (menuId1!='xxx'){
		changeBackgroundSeparator(menuId1);
	}
	// put the separator back
	if (menuId2!=lastOne && next=="notActive"){
		document.getElementById(menuId2).style.backgroundImage="url("+urlSeparator+")";
		document.getElementById(menuId2).style.backgroundRepeat="no-repeat";
		document.getElementById(menuId2).style.backgroundPosition="100% 55%";
	} else if (menuId2!=lastOne && next=="active"){ // no background, no separator
		changeBackgroundOn(menuId2);
	} else { // if (menuId2 == lastOne) no background
		document.getElementById(menuId2).style.backgroundImage="none";
		document.getElementById(menuId2).style.backgroundRepeat="repeat-x";
		document.getElementById(menuId2).style.backgroundPosition="0% 0%";
	}
};

// true if the element determined by his id is of classe "active"
function isClassActive(id){
	if(document.getElementById(id).className.match("active")){return true;}
	else return false;
}

// on load, in the main menu
// removes the separator of the item just before the active item
function init(){
	if(isClassActive("nav2")){document.getElementById("nav1").style.backgroundImage="none"; navActive = "nav2"}
	if(isClassActive("nav3")){document.getElementById("nav2").style.backgroundImage="none"; navActive = "nav3"}
	if(isClassActive("nav4")){document.getElementById("nav3").style.backgroundImage="none"; navActive = "nav4"}
	if(isClassActive("nav5")){document.getElementById("nav4").style.backgroundImage="none"; navActive = "nav5"}
	if(isClassActive("nav6")){document.getElementById("nav5").style.backgroundImage="none"; navActive = "nav6"}
}

function changeMenuBackground(menuId, overOut){
	var navActive = "xxx";
	var previous = "xxx";
	var current = menuId;
	var active = "xxx";
	
	// determines which "nav" is active
	if(isClassActive("nav1")){navActive = "nav1"} else
	if(isClassActive("nav2")){navActive = "nav2"} else
	if(isClassActive("nav3")){navActive = "nav3"} else
	if(isClassActive("nav4")){navActive = "nav4"} else
	if(isClassActive("nav5")){navActive = "nav5"} else
	if(isClassActive("nav6")){navActive = "nav6"}
	
	// if current active, do nothing
	if (navActive == menuId) return;
	
	// on mouse over
	if (overOut == "over"){
		if (menuId == "nav1"){
				previous = "xxx"; 
		}
		if (menuId == "nav2"){
			// if not before active	
			if (navActive != "nav1"){ previous = "nav1"; }
			else{ previous = "xxx"; }// if before active
		}
		if (menuId == "nav3"){
			// if not before active	
			if (navActive != "nav2"){ previous = "nav2"; }
			else{ previous = "xxx"; }// if before active
		}
		if (menuId == "nav4"){
			// if not before active	
			if (navActive != "nav3"){ previous = "nav3"; }
			else{ previous = "xxx"; }// if before active
		}
		if (menuId == "nav5"){
			// if not before active	
			if (navActive != "nav4"){ previous = "nav4"; }
			else{ previous = "xxx"; }// if before active
		}
		if (menuId == "nav6"){
			// if not before active	
			if (navActive != "nav5"){ previous = "nav5"; }
			else{ previous = "xxx"; }// if before active
		}
		changeMenuBackgroundOver(previous, current); 
	}
	
	// on mouse out
	else 
	if (overOut == "out"){
		if (menuId == "nav1"){
			// if next not active
			previous = "xxx";
			if (navActive != "nav2"){ active = "notActive"; }
			else{ active = "active"; } // if next active
		}
		if (menuId == "nav2"){
			// if before not active
			if (navActive != "nav1"){ previous = "nav1"; }
			else { previous = "xxx"; }
			// if next not active
			if (navActive != "nav3"){ active = "notActive"; }
			else{ active = "active"; } // if next active
		}
		if (menuId == "nav3"){
			// if before not active
			if (navActive != "nav2"){ previous = "nav2"; }
			else { previous = "xxx"; }
			// if next not active
			if (navActive != "nav4"){ active = "notActive" }
			else{ active = "active" } // if next active
		}
		if (menuId == "nav4"){
			// if before not active
			if (navActive != "nav3"){ previous = "nav3"; }
			else { previous = "xxx"; }
			// if next not active
			if (navActive != "nav5"){ active = "notActive" }
			else{ active = "active" } // if next active
		}
		if (menuId == "nav5"){
			// if before not active
			if (navActive != "nav4"){ previous = "nav4"; }
			else { previous = "xxx"; }
			// if next not active
			if (navActive != "nav6"){ active = "notActive" }
			else{ active = "active" } // if next active
		}
		if (menuId == "nav6"){
			// if before not active
			if (navActive != "nav5"){ previous = "nav5"; }
			else { previous = "xxx"; }
		}
		changeMenuBackgroundOut(previous, current, active); 
	}
	else {alert('Erreur parametre overOut')}
}
// functions called on event on the main menu
// they change the separator of the previous item
// if the item or the previous one is active, nothing happens
function menu1Over(){ changeMenuBackground("nav1", "over"); }
function menu1Out(){ changeMenuBackground("nav1", "out"); }

function menu2Over(){ changeMenuBackground("nav2", "over"); }
function menu2Out(){ changeMenuBackground("nav2", "out"); }

function menu3Over(){ changeMenuBackground("nav3", "over"); }
function menu3Out(){ changeMenuBackground("nav3", "out"); }

function menu4Over(){ changeMenuBackground("nav4", "over"); }
function menu4Out(){ changeMenuBackground("nav4", "out"); }

function menu5Over(){ changeMenuBackground("nav5", "over"); }
function menu5Out(){ changeMenuBackground("nav5", "out"); }

function menu6Over(){ changeMenuBackground("nav6", "over"); }
function menu6Out(){ changeMenuBackground("nav6", "out"); }