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=\"WitchCraft\" 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=\"Basic\" onMouseOut=\"selectMenuItem('Basic')\" onMouseOver=\"selectMenuItem('Basic')\"><a id=\"aBasic\" class=\"link\" href=\"../dynamic/witchcraft.cfm\">The Basics</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Rituals\" onMouseOut=\"selectMenuItem('Rituals')\" onMouseOver=\"selectMenuItem('Rituals')\"><a id=\"aRituals\" class=\"link\" href=\"../static/rituals.cfm\">Rituals</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Sabbats\" onMouseOut=\"selectMenuItem('Sabbats')\" onMouseOver=\"selectMenuItem('Sabbats')\"><a id=\"aSabbats\" class=\"link\" href=\"../static/sabbats.cfm\">Sabbats</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Spells\" onMouseOut=\"selectMenuItem('Spells')\" onMouseOver=\"selectMenuItem('Spells')\"><a id=\"aSpells\" class=\"link\" href=\"../dynamic/spells.cfm\">Spells</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Tools\" onMouseOut=\"selectMenuItem('Tools')\" onMouseOver=\"selectMenuItem('Tools')\"><a id=\"aTools\" class=\"link\" href=\"../dynamic/tools.cfm\">Tools</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"FAQ\" onMouseOut=\"selectMenuItem('FAQ')\" onMouseOver=\"selectMenuItem('FAQ')\"><a id=\"aFAQ\" class=\"link\" href=\"../static/faq.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=\"Herbs\" onMouseOut=\"selectMenuItem('Herbs')\" onMouseOver=\"selectMenuItem('Herbs')\"><a id=\"aHerbs\" class=\"link\" href=\"../dynamic/herbs.cfm\">Herbs</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Deities\" onMouseOut=\"selectMenuItem('Deities')\" onMouseOver=\"selectMenuItem('Deities')\"><a id=\"aDeities\" class=\"link\" href=\"../dynamic/deities.cfm\">Deities</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Minerals\" onMouseOut=\"selectMenuItem('Minerals')\" onMouseOver=\"selectMenuItem('Minerals')\"><a id=\"aMinerals\" class=\"link\" href=\"../dynamic/stones.cfm\">Crystals</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Recipes\" onMouseOut=\"selectMenuItem('Recipes')\" onMouseOver=\"selectMenuItem('Recipes')\"><a id=\"aRecipes\" class=\"link\" href=\"../dynamic/recipe.cfm\">Recipes</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Beasts\" onMouseOut=\"selectMenuItem('Beasts')\" onMouseOver=\"selectMenuItem('Beasts')\"><a id=\"aBeasts\" class=\"link\" href=\"../dynamic/beast.cfm\">Mystical Beasts</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Legends\" onMouseOut=\"selectMenuItem('Legends')\" onMouseOver=\"selectMenuItem('Legends')\"><a id=\"aLegends\" class=\"link\" href=\"../dynamic/legends.cfm\">Legends</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Sign\" onMouseOut=\"selectMenuItem('Sign')\" onMouseOver=\"selectMenuItem('Sign')\"><a id=\"aSign\" class=\"link\" href=\"../dynamic/zodiacsign.cfm\">Astrological Sign</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Dictionary\" onMouseOut=\"selectMenuItem2('Dictionary')\" onMouseOver=\"selectMenuItem2('Dictionary')\"><a id=\"aDictionary\" class=\"link\" href=\"../dynamic/definitions.cfm\">Definitions</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Symbols\" onMouseOut=\"selectMenuItem('Symbols')\" onMouseOver=\"selectMenuItem('Symbols')\"><a id=\"aSymbols\" class=\"link\" href=\"../dynamic/construction.cfm\">Symbols</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Incense\" onMouseOut=\"selectMenuItem('Incense')\" onMouseOver=\"selectMenuItem('Incense')\"><a id=\"aIncense\" class=\"link\" href=\"../dynamic/construction.cfm\">Incense</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=\"Stones\" onMouseOut=\"selectMenuItem('Stones')\" onMouseOver=\"selectMenuItem('Stones')\"><a id=\"aStones\" class=\"link\" href=\"../static/divination_stone.cfm\">Stones</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Astro\" onMouseOut=\"selectMenuItem('Astro')\" onMouseOver=\"selectMenuItem('Astro')\"><a id=\"aAstro\" class=\"link\" href=\"../static/divination_astro.cfm\">Astrology</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Tarot\" onMouseOut=\"selectMenuItem('Tarot')\" onMouseOver=\"selectMenuItem('Tarot')\"><a id=\"aTarot\" class=\"link\" href=\"../static/divination_tarot.cfm\">Tarot</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Numero\" onMouseOut=\"selectMenuItem('Numero')\" onMouseOver=\"selectMenuItem('Numero')\"><a id=\"aNumero\" class=\"link\" href=\"../static/divination_numero.cfm\">Numerology</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Numero\" onMouseOut=\"selectMenuItem('Cartomancy')\" onMouseOver=\"selectMenuItem('Cartomancy')\"><a id=\"aCartomancy\" class=\"link\" href=\"../static/divination_cartomancy.cfm\">Cartomancy</a></td></tr>"
		+ "</tbody></table></div>");
		
	//Lien menu
	document.write("<div class=\"menu_div\" id=\"Links\" 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=\"../static/links.cfm\">URL</a></td></tr>"
//		+ "<tr><td class=\"td_menu\" id=\"Bannières\" onMouseOut=\"selectMenuItem('Bannières')\" onMouseOver=\"selectMenuItem('Bannières')\"><a id=\"aBannières\" class=\"link\" href=\"../static/construction.cfm\">Banners</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id=\"Webring\" onMouseOut=\"selectMenuItem('Webring')\" onMouseOver=\"selectMenuItem('Webring')\"><a id=\"aWebring\" class=\"link\" href=\"../static/webring.cfm\">Webring</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('WitchCraft')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">WitchCraft\t ...</td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Dragons\" onMouseOut=\"selectMenuItem2('Dragons')\" onMouseOver=\"selectMenuItem2('Dragons')\"><a id=\"aDragons\" class=\"link\" href=\"../dynamic/store.cfm\">Store</a></td></tr>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Encyclo')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Encyclopedia\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 =\"MessageBoard\" onMouseOut=\"selectMenuItem2('MessageBoard')\" onMouseOver=\"selectMenuItem2('MessageBoard')\"><a id=\"aMessageBoard\" class=\"link\" href=\"../msgboard/messageBoard.cfm\">MessageBoard</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Download\" onMouseOut=\"selectMenuItem2('Download')\" onMouseOver=\"selectMenuItem2('Download')\"><a id=\"aDownload\" class=\"link\" href=\"../dynamic/download.cfm\">Download</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"GuestBook\" onMouseOut=\"selectMenuItem2('GuestBook')\" onMouseOver=\"selectMenuItem2('GuestBook')\"><a id=\"aGuestBook\" class=\"link\" href=\"http://books.dreambook.com/zaby/didier.html\">GuestBook</a></td></tr>"
		+ "<tr><td class=\"td_menu\" onMouseOver=\"openMenu('Links')\" onMouseOut=\"timeoutid = setTimeout('closeMenu(currentMenu)', 500)\">Links\t ...</td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Archive\" onMouseOut=\"selectMenuItem2('Archive')\" onMouseOver=\"selectMenuItem2('Archive')\"><a id=\"aArchive\" class=\"link\" href=\"../archive/archive.cfm\">File Archive</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Book\" onMouseOut=\"selectMenuItem2('Book')\" onMouseOver=\"selectMenuItem2('Book')\"><a id=\"aBook\" class=\"link\" href=\"../dynamic/review.cfm\">Book Review</a></td></tr>"
	//	+ "<tr><td class=\"td_menu\" id =\"Poetry\" onMouseOut=\"selectMenuItem2('Poetry')\" onMouseOver=\"selectMenuItem2('Poetry')\"><a id=\"aPoetry\" class=\"link\" href=\"../static/poetry.cfm\">Poetry</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Search\" onMouseOut=\"selectMenuItem2('Search')\" onMouseOver=\"selectMenuItem2('Search')\"><a id=\"aSearch\" class=\"link\" href=\"../dynamic/search.cfm\">Search</a></td></tr>"	
		+ "<tr><td class=\"td_menu\" id =\"familiars\" onMouseOut=\"selectMenuItem2('familiars')\" onMouseOver=\"selectMenuItem2('familiars')\"><a id=\"afamiliars\" class=\"link\" href=\"../static/familiars.cfm\">My Familiars</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Update\" onMouseOut=\"selectMenuItem2('Update')\" onMouseOver=\"selectMenuItem2('Update')\"><a id=\"aUpdate\" class=\"link\" href=\"../static/update.cfm\">Last Update</a></td></tr>"
	//	+ "<tr><td class=\"td_menu\" id =\"Map\" onMouseOut=\"selectMenuItem2('Map')\" onMouseOver=\"selectMenuItem2('Map')\"><a id=\"aMap\" class=\"link\" href=\"../static/sitemap.cfm\">Site Map</a></td></tr>"
		+ "<tr><td class=\"td_menu\" id =\"Francais\" onMouseOut=\"selectMenuItem2('Francais')\" onMouseOver=\"selectMenuItem2('Francais')\"><a id=\"aFrancais\" class=\"link\" href=\"../../francais/index_francais.cfm\">Fran&ccedil;ais</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\">");

