var currentMenu = null;
var openedMenu = null;
var timeoutid = null;
var x = null;
var y = null;

function loadMenu(){
	
	//witchcraft menu
	document.write("<div class=\"menu_div\" id=\"Sorcelerie\" style=\""
		+ "position:absolute; left:125px; top:181px; width:75px; z-index:1;"
		+ " display:none; background-color:#ffffff;\" onMouseOver=\"stopTimeout()\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500);\">"
		+ "<table width=\"100%\" class=\"table_menu_div\" cellspacing=\"0\"><tbody>"
		+ "<tr><td class=\"td_menu\" id=\"Base\" onMouseOut=\"selectMenuItem('Base')\" onMouseOver=\"selectMenuItem('Base')\"><a id=\"aBase\" class=\"link\" href=\"Sorcellerie.cfm\">La Base</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Rituels\" onMouseOut=\"selectMenuItem('Rituels')\" onMouseOver=\"selectMenuItem('Rituels')\"><a id=\"aRituels\" class=\"link\" href=\"Rituels.cfm\">Rituels</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Sabbats\" onMouseOut=\"selectMenuItem('Sabbats')\" onMouseOver=\"selectMenuItem('Sabbats')\"><a id=\"aSabbats\" class=\"link\" href=\"sabbat.cfm\">Sabbats</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Sortileges\" onMouseOut=\"selectMenuItem('Sortileges')\" onMouseOver=\"selectMenuItem('Sortileges')\"><a id=\"aSortileges\" class=\"link\" href=\"Sortillege.cfm\">Sortileges</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Outils\" onMouseOut=\"selectMenuItem('Outils')\" onMouseOver=\"selectMenuItem('Outils')\"><a id=\"aOutils\" class=\"link\" href=\"outils.cfm\">Outils</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"FAQ\" onMouseOut=\"selectMenuItem('FAQ')\" onMouseOver=\"selectMenuItem('FAQ')\"><a id=\"aFAQ\" class=\"link\" href=\"faq_fr.cfm\">F.A.Q</a></td></tr>"
		+ "</tbody></table></div>");
	//Fiche menu	
	document.write("<div class=\"menu_div\" id=\"Encyclo\" style=\""
		+ "position:absolute; left:125px; top:213px; width:75px; z-index:1;"
		+ " display:none; background-color:#ffffff;\" onMouseOver=\"stopTimeout()\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500);\">"
		+ "<table width=\"100%\" class=\"table_menu_div\" cellspacing=\"0\"><tbody>"
		+ "<tr><td class=\"td_menu\" id=\"Herbes\" onMouseOut=\"selectMenuItem('Herbes')\" onMouseOver=\"selectMenuItem('Herbes')\"><a id=\"aHerbes\" class=\"link\" href=\"herbes.cfm\">Herbes</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Deites\" onMouseOut=\"selectMenuItem('Deites')\" onMouseOver=\"selectMenuItem('Deites')\"><a id=\"aDeites\" class=\"link\" href=\"deities_fr.cfm\">Deites</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Mineraux\" onMouseOut=\"selectMenuItem('Mineraux')\" onMouseOver=\"selectMenuItem('Mineraux')\"><a id=\"aMineraux\" class=\"link\" href=\"stones.cfm\">Pierres</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Recettes\" onMouseOut=\"selectMenuItem('Recettes')\" onMouseOver=\"selectMenuItem('Recettes')\"><a id=\"aRecettes\" class=\"link\" href=\"recipe.cfm\">Recettes</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Betes\" onMouseOut=\"selectMenuItem('Betes')\" onMouseOver=\"selectMenuItem('Betes')\"><a id=\"aBetes\" class=\"link\" href=\"beast.cfm\">Betes Mystiques</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Legendes\" onMouseOut=\"selectMenuItem('Legendes')\" onMouseOver=\"selectMenuItem('Legendes')\"><a id=\"aLegendes\" class=\"link\" href=\"legends.cfm\">Legendes</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Sign\" onMouseOut=\"selectMenuItem('Sign')\" onMouseOver=\"selectMenuItem('Sign')\"><a id=\"aSign\" class=\"link\" href=\"zodiacsign.cfm\">Signe Astrologique</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Symbols\" onMouseOut=\"selectMenuItem('Symbols')\" onMouseOver=\"selectMenuItem('Symbols')\"><a id=\"aSymbols\" class=\"link\" href=\"construction.cfm\">Symboles</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Encens\" onMouseOut=\"selectMenuItem('Encens')\" onMouseOver=\"selectMenuItem('Encens')\"><a id=\"aEncens\" class=\"link\" href=\"construction.cfm\">Encens</a></td></tr>"
		+ "</tbody></table></div>");
		
	//divination menu
	document.write("<div class=\"menu_div\" id=\"Divination\" style=\""
		+ "position:absolute; left:125px; top:230px; width:75px; z-index:1;"
		+ " display:none; background-color:#ffffff;\" onMouseOver=\"stopTimeout()\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500);\">"
		+ "<table width=\"100%\" class=\"table_menu_div\" cellspacing=\"0\"><tbody>"
		+ "<tr><td class=\"td_menu\" id=\"Pierres\" onMouseOut=\"selectMenuItem('Pierres')\" onMouseOver=\"selectMenuItem('Pierres')\"><a id=\"aPierres\" class=\"link\" href=\"divination_pierres.cfm\">Pierres</a></td></tr>"
		+ "</tbody></table></div>");
		
	//Lien menu
	document.write("<div class=\"menu_div\" id=\"Liens\" style=\""
		+ "position:absolute; left:125px; top:300px; width:75px; z-index:1;"
		+ " display:none; background-color:#ffffff;\" onMouseOver=\"stopTimeout()\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500);\">"
		+ "<table width=\"100%\" class=\"table_menu_div\" cellspacing=\"0\"><tbody>"
		+ "<tr><td class=\"td_menu\" id=\"URL\" onMouseOut=\"selectMenuItem('URL')\" onMouseOver=\"selectMenuItem('URL')\"><a id=\"aURL\" class=\"link\" href=\"lien_url.cfm\">URL</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Bannieres\" onMouseOut=\"selectMenuItem('Bannieres')\" onMouseOver=\"selectMenuItem('Bannieres')\"><a id=\"aBannieres\" class=\"link\" href=\"construction.cfm\">Bannieres</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Anneaux\" onMouseOut=\"selectMenuItem('Anneaux')\" onMouseOver=\"selectMenuItem('Anneaux')\"><a id=\"aAnneaux\" class=\"link\" href=\"http://66.241.84.164/navbar?f=l;y=zabyring;u=10074544\">Anneaux</a></td></tr>"
		+ "</tbody></table></div>");
}
	
function createMenu(){

	document.write("<table bgcolor=\"FFFFCC\" width=\"117\" style=\"border:solid GREEN 2px; margin: 1px;\"><tbody><tr><td>"
		+ "<table width=\"100%\" class=\"table_menu\" cellspacing=\"0\"><tbody>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Sorcelerie')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Sorcelerie\t ...</td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Store\" onMouseOut=\"selectMenuItem2('Store')\" onMouseOver=\"selectMenuItem2('Store')\"><a id=\"aStore\" class=\"link\" href=\"boutique.cfm\">Boutique</a></td></tr>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Encyclo')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Encyclopedie\t ...</td></tr>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Divination')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Divination\t ...</td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Dictionaire\" onMouseOut=\"selectMenuItem2('Dictionaire')\" onMouseOver=\"selectMenuItem2('Dictionaire')\"><a id=\"aDictionaire\" class=\"link\" href=\"dictionaire.cfm\">Dictionaire</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Babillard\" onMouseOut=\"selectMenuItem2('Babillard')\" onMouseOver=\"selectMenuItem2('Babillard')\"><a id=\"aBabillard\" class=\"link\" href=\"messageBoard.cfm\">Babillard</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Telechargement\" onMouseOut=\"selectMenuItem2('Telechargement')\" onMouseOver=\"selectMenuItem2('Telechargement')\"><a id=\"aTelechargement\" class=\"link\" href=\"download.cfm\">Telechargement</a></td></tr>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Liens')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Liens\t ...</td></tr>"	
		+ "<tr><td class=\"td_menu\" id =\"Commentaire\" onMouseOut=\"selectMenuItem2('Commentaire')\" onMouseOver=\"selectMenuItem2('Commentaire')\"><a id=\"aCommentaire\" class=\"link\" href=\"http://books.dreambook.com/zaby/didier2.html\">Livre d'or</a></td></tr>"		
		+ "<tr><td class=\"td_menu\" id =\"Livre\" onMouseOut=\"selectMenuItem2('Livre')\" onMouseOver=\"selectMenuItem2('Livre')\"><a id=\"aLivre\" class=\"link\" href=\"livres.cfm\">Critique Livre</a></td></tr>"
	//	+ "<tr><td class=\"td_menu\" id =\"Poesie\" onMouseOut=\"selectMenuItem2('Poesie')\" onMouseOver=\"selectMenuItem2('Poesie')\"><a id=\"aPoesie\" class=\"link\" href=\"poesie.cfm\">Poesie</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Search\" onMouseOut=\"selectMenuItem2('Search')\" onMouseOver=\"selectMenuItem2('Search')\"><a id=\"aSearch\" class=\"link\" href=\"recherche.cfm\">Rechercher</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Email\" onMouseOut=\"selectMenuItem2('Email')\" onMouseOver=\"selectMenuItem2('Email')\"><a id=\"aEmail\" class=\"link\" href=\"email.cfm\">Courriel</a></td></tr>"                                                                                                   
		+ "<tr><td class=\"td_menu\" id =\"Mise\" onMouseOut=\"selectMenuItem2('Mise')\" onMouseOver=\"selectMenuItem2('Mise')\"><a id=\"aMise\" class=\"link\" href=\"mise_jour.cfm\">Mise a jour</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"English\" onMouseOut=\"selectMenuItem2('English')\" onMouseOver=\"selectMenuItem2('English')\"><a id=\"aEnglish\" class=\"link\" href=\"../english/static/index_english.cfm\">English</a></td></tr>"
		+ "</tbody></table></td></tr></tbody></table>");
}

		
		/************************************************************************************/
	

	
	
	//document.getElementById("search").style.left = document.getElementById("imgSearch").style.left;
	
	//IE document,,,,,.clientX ou offsetX
	
	
//-----------------------------------------------------------------------------

	function openMenu(name){
	
		if(timeoutid != null){
		
			clearTimeout(timeoutid);
			timeoutid = null;
		}
	
		if(currentMenu != null){
			
			document.getElementById(currentMenu).style.display = "none";
			
		}
		
		document.getElementById(name).style.display = "block";
		currentMenu = name;
	}
//-----------------------------------------------------------------------------

	function selectMenuItem(name){
	
		if(timeoutid != null){
		
			clearTimeout(timeoutid);
			timeoutid = null;
		
		}
	
		if(document.getElementById(name).className == "td_green"){
		
			document.getElementById(name).className = "td_menu";
			document.getElementById("a" + name).className = "link";
		
		}else{
	
			document.getElementById(name).className = "td_green";
			document.getElementById("a" + name).className = "hover";
		}
	}
//-----------------------------------------------------------------------------
	
	function selectMenuItem2(name){
	
		if(document.getElementById(name).className == "td_green"){
		
			document.getElementById(name).className = "td_menu";
			document.getElementById("a" + name).className = "link";
		
		}else{
	
			document.getElementById(name).className = "td_green";
			document.getElementById("a" + name).className = "hover";
		}
	}
//-----------------------------------------------------------------------------
	
	function closeMenu(name){		
		
		if(timeoutid != null){
		
			clearTimeout(timeoutid);
			timeoutid = null;
		}			

		document.getElementById(name).style.display = "none";
		currentMenu = null;
	}
	
//-----------------------------------------------------------------------------

	function stopTimeout(){
	
		if(timeoutid != null){
		
			clearTimeout(timeoutid);
			timeoutid = null;
		}
	}

/*****************************************************************************/

// loadMenu(); 

document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"menu_style.css\" title=\"Menu\">");