var boucle;
var boucle2;
var boucle3;

//********************** Afficher/cacher l'arriére plan du menu **************************//

function AfficheBackground(action,menu,delai)
{

    if(action==1)
		{
		
		   clearTimeout(boucle3);
    	 boucle3=setTimeout("VisibleBackground('"+menu+"')",delai);
		
		}
		if(action == 0)
		{

			 clearTimeout(boucle3);
    	 boucle3=setTimeout("InvisibleBackground('"+menu+"')",delai);
		
		}

}

function VisibleBackground(menu)
{

    document.getElementById("milieu_"+menu).style.backgroundImage="url(img/menu_select_milieu.jpg)";
		document.getElementById("milieu_"+menu).style.backgroundRepeat="repeat-x";
		document.getElementById("gauche_"+menu).style.display="inline";
		document.getElementById("droite_"+menu).style.display="inline";
		document.getElementById("lien_"+menu).style.color="#00adef";

}

function InvisibleBackground(menu)
{

		document.getElementById("milieu_"+menu).style.backgroundImage="none";
    document.getElementById("gauche_"+menu).style.display="none";
    document.getElementById("droite_"+menu).style.display="none";
    document.getElementById("lien_"+menu).style.color="#000";

}

//********************** Afficher/cacher la liste des modeles **************************//

function AfficheMenu(action,menu,delai)
{

    //si on doit afficher un sous menu
    if(document.getElementById(menu))
		{
		
     		//deselectionner
        if(action==0)
    		{
    
    		    clearTimeout(boucle);
						AfficheBackground(0,'gamme',300);
    				boucle=setTimeout("Invisible('"+menu+"')",delai);
    		
    		}
    		
    		//selectionner
    		if(action==1)
    		{
    				clearTimeout(boucle);
						AfficheBackground(1,'gamme',0);
    		    boucle=setTimeout("Visible('"+menu+"')",delai);
    		
    		}
		
		}
		
}

function Visible(menu)
{

    document.getElementById(menu).style.display="inline";

}

function Invisible(menu)
{

    document.getElementById(menu).style.display="none";

}

//********************** Afficher/cacher les détails du modele selectionne **************************//

function AfficheModele(action,idmodele,delai)
{

 		//deselectionner
    if(action==0)
		{

		    document.getElementById("lien_"+idmodele).style.color="#000";
				clearTimeout(boucle2);
				AfficheMenu(0,'gamme',300);
				boucle2=setTimeout("CacheDetailModele("+idmodele+")",delai);
		
		}
		
		//selectionner
		if(action==1)
		{
		
				document.getElementById("lien_"+idmodele).style.color="#00adef";
				clearTimeout(boucle2);
				AfficheMenu(1,'gamme',0);
		    boucle2=setTimeout("AfficheDetailModele("+idmodele+")",delai);
		
		}

}


function AfficheDetailModele(idmodele)
{
      for(i=0; i< TabIdModele.length; i++)
			{

			    document.getElementById("modele_"+TabIdModele[i]).style.display="none";
					document.getElementById("lien_"+TabIdModele[i]).style.backgroundColor="#fff";
					document.getElementById("lien_"+TabIdModele[i]).style.color="#000";
			
			}
			document.getElementById("lien_"+idmodele).style.backgroundColor="#ececec";
			document.getElementById("lien_"+idmodele).style.color="#00adef";
			document.getElementById("modele_"+idmodele).style.display="inline";

}

function CacheDetailModele(idmodele)
{

      for(i=0; i < TabIdModele.length; i++)
			{
			
			    document.getElementById("modele_"+TabIdModele[i]).style.display="none";
					document.getElementById("lien_"+TabIdModele[i]).style.backgroundColor="#fff";
					document.getElementById("lien_"+TabIdModele[i]).style.color="#000";
			
			} 
			

}


/************************ Afficher/Cacher les photos de carrosserie ***************************/

function AfficheCarrosserie(action,idmodele,idcarrosserie)
{

      for(i=0;i < TabIdCarrosserie.length; i++)
      {
      
          if(TabIdCarrosserie[i][0] == idmodele)
      		{
      		
              document.getElementById("photo_"+TabIdCarrosserie[i][1]).style.display="none";
							document.getElementById("lien_carrosserie_"+TabIdCarrosserie[i][1]).style.backgroundColor="#fff";
							document.getElementById("lien_carrosserie_"+TabIdCarrosserie[i][1]).style.color="#000";
      		
      		}
  
      }
      document.getElementById("photo_"+idcarrosserie).style.display="inline";
			document.getElementById("lien_carrosserie_"+idcarrosserie).style.backgroundColor="#ececec";
			document.getElementById("lien_carrosserie_"+idcarrosserie).style.color="#00adef";

}