var idPageActive = "propos"

var sousMenuTapis = new Array()
	sousMenuTapis[0] = "residentiel"
	sousMenuTapis[1] = "commercial"
	sousMenuTapis[2] = "atelier"
	
var sousMenuFauteuils = new Array()
	sousMenuFauteuils[0] = "cuir"
	sousMenuFauteuils[1] = "tissus"

var menu = new Array()
	menu[0] = "propos"
	menu[1] = "tapis"
	menu[2] = "fauteuils"
	menu[3] = "ceramiques"
	menu[4] = "location"
	menu[5] = "rejoindre"

// Regler la classe des menus

function chargeMenu()
{
	document.getElementById(menu[0]).className="on"
	for (i=1;i<menu.length;i++)
		{
			document.getElementById(menu[i]).className="off"		
		}

	// Cacher les sous-menus
	

	for (i=0;i<sousMenuTapis.length;i++)
		{
			document.getElementById(sousMenuTapis[i]).className="sousMenuInvisible"
		}

	

	for (i=0;i<sousMenuFauteuils.length;i++)
		{
			document.getElementById(sousMenuFauteuils[i]).className="sousMenuInvisible"	
		}
		document.getElementById("cadre").src="propos.html"
}

function survolMenuOn(idSurvole)
	{
		if (idPageActive != idSurvole)
			{
				if ( (idSurvole == "propos")||(idSurvole == "ceramiques")||(idSurvole == "location")||(idSurvole == "rejoindre"))
					{
						document.getElementById(idSurvole).className = "on"
					}
				else if (idSurvole == "tapis")
					{
						if ((idPageActive != "residentiel") && (idPageActive != "commercial") && (idPageActive != "atelier") )
							{
								document.getElementById(idSurvole).className = "on"
							}
					}
				else if (idSurvole == "fauteuils")
					{
						if ((idPageActive != "cuir") && (idPageActive != "tissus"))
							{
								document.getElementById(idSurvole).className = "on"
							}
					}
				else
					{
						document.getElementById(idSurvole).className = "sousMenuOn"
					}
							
			}
		
	}
	
function survolMenuOff(idSurvole)
	{
		if (idPageActive != idSurvole)
			{
				if ( (idSurvole == "propos")||(idSurvole == "ceramiques")||(idSurvole == "location")||(idSurvole == "rejoindre"))
					{
						document.getElementById(idSurvole).className = "off"
					}
				else if (idSurvole == "tapis")
					{
						if ((idPageActive != "residentiel") && (idPageActive != "commercial") && (idPageActive != "atelier") )
							{
								document.getElementById(idSurvole).className = "off"
							}
					}
				else if (idSurvole == "fauteuils")
					{
						if ((idPageActive != "cuir") && (idPageActive != "tissus"))
							{
								document.getElementById(idSurvole).className = "off"
							}
					}
				else
					{
						document.getElementById(idSurvole).className = "sousMenuOff"
					}
							
			}
	}
function cliqueMenu(idClique)
	{
		if (idPageActive != idClique)
			{
				for (i=0;i<menu.length;i++)
					{
						document.getElementById(menu[i]).className="off"
						//alert("met à off: "+menu[i])
					}
				for (i=0;i<sousMenuTapis.length;i++)
					{
						document.getElementById(sousMenuTapis[i]).className="sousMenuInvisible"	
						//alert("met à off: "+sousMenuTapis[i])
					}

				for (i=0;i<sousMenuFauteuils.length;i++)
					{
						document.getElementById(sousMenuFauteuils[i]).className="sousMenuInvisible"
						//alert("met à off: "+sousMenuFauteuils[i])
					}
					
					
				if ((idClique == "tapis") || (idClique == "residentiel") || (idClique == "commercial") || (idClique == "atelier"))
					{
						for (i=0;i<sousMenuTapis.length;i++)
							{
								document.getElementById(sousMenuTapis[i]).className="sousMenuVisible"
								document.getElementById(sousMenuTapis[i]).className="sousMenuOff"
							}	
						//document.getElementById("tapis").className="onSous"
						document.getElementById("tapis").className="on"
						if ((idClique == "residentiel") || (idClique == "commercial") || (idClique == "atelier"))
							{
							document.getElementById(idClique).className = "sousMenuOn"
							}
					}
					
				else if ((idClique == "fauteuils") || (idClique == "cuir") || (idClique == "tissus"))
					{
						for (i=0;i<sousMenuFauteuils.length;i++)
							{
								document.getElementById(sousMenuFauteuils[i]).className="sousMenuVisible"
								document.getElementById(sousMenuFauteuils[i]).className="sousMenuOff"
							}
						//document.getElementById("fauteuils").className = "onSous"
						document.getElementById("fauteuils").className = "on"
						if ((idClique == "cuir") || (idClique == "tissus"))
							{
							document.getElementById(idClique).className = "sousMenuOn"
							}
					}
				
				 else
					{
						document.getElementById(idClique).className = "on"
					}
				document.getElementById("cadre").src=idClique+".html"
				idPageActive=idClique
			}
	}