var ns4 = (document.layers)? true:false;   			//NS 4 
var ie4 = (document.all)? true:false;   				//IE 4 
var dom = (document.getElementById)? true:false;   //DOM
var PreloadFlag = false;
var nb_elem = 4;//Nombre de categorie dans le menu
var top = 105;//Nombre de pixels du haut de la page

function getHeight(DivId)
/******************************************************
Fonction permettant de connaître la hauteur d'un DIV.
*******************************************************/
	{
	if (dom)
		return (document.getElementById(DivId).offsetHeight);
	if (ie4) 
		return (document.all[DivId].clientHeight);
	if (ns4)
		return (document.layers[DivId].clip.height);
	}

	function Init(){
			var hauteur = top;
	    for(i=1;i<=nb_elem;i++){
	        document.getElementById("menu"+i+"").style.top = hauteur;
	        switch(i){
			    	case 1:
			    		hauteur = hauteur + getHeight("menu1")-1;
			    		break;
			    	case 2:
			    		hauteur = hauteur + getHeight("menu2")-1;
			    		break;
			    	case 3:
			    		hauteur = hauteur + getHeight("menu3")-1;
			    		break;    		
			    }
	    }
	}
	
	function voir(z){
		//Calcul de la hauteur dont doit se baisser le menu
    
    var dec = 0;
    var tailleMenu1 = getHeight("menu1")-2;
    var tailleMenu2 = getHeight("menu2")-2;
    var tailleMenu3 = getHeight("menu3")-2;
    var tailleSMenu1 = getHeight("sousmenu1");
    var tailleSMenu2 = getHeight("sousmenu2");
    var tailleSMenu3 = getHeight("sousmenu3");
    var decale=0;
    
    if (document.getElementById("sousmenu"+z+"").style.visibility == 'visible')	{
	    Init();
	    document.getElementById("sousmenu"+z+"").style.visibility = 'hidden';
	  }
    else
    {
	    switch(z){
	    	case 1:
	    		haut = tailleMenu1 + tailleSMenu1 + top;
	    		decale = tailleMenu1;
	    		break;
	    	case 2:
	    		haut = tailleMenu1 + tailleMenu2 + tailleSMenu2 + top;
	    		decale = tailleMenu2;
	    		break;
	    	case 3:
	    		haut = tailleMenu1 + tailleMenu2 + tailleMenu3 + tailleSMenu3 + top;
	    		decale = tailleMenu3;
	    		break;    		
	    }
	    //alert(tailleMenu1+"\n"+tailleSMenu1+"\n");
			//alert(haut);	
				
			//On retracte tous les éléments
			for(i=1;i<=nb_elem-1;i++){
			    document.getElementById("sousmenu"+i+"").style.visibility = 'hidden';
			}
			
			//on les remets tous à leur place
			Init();
			
			//on cale le sous menu sous la categorie
			
			document.getElementById("sousmenu"+z+"").style.top = decale;
	    dec = haut;
	
			//On peut alors baisser tous les autres menus
			for(i=z+1;i<=nb_elem;i++) {
			    document.getElementById("menu"+i+"").style.top = dec;
		      switch(i) {
				  	case 1:
				  		dec = dec + tailleMenu1;
				  		break;
				  	case 2:
				  		dec = dec + tailleMenu2;
				  		break;
				  	case 3:
				  		dec = dec + tailleMenu3;
				  		break;    		
			  	}
			  	
			}
			
			//Enfin, on rend le menu visible
			document.getElementById("sousmenu"+z+"").style.visibility = 'visible';
		}
	}