﻿
// Gestion des menus déroulants

function debug(str) {
    document.getElementById("debug").innerHTML += str + "<br />"
}

var hSubMenu = 0
var TopSubMenu = 0

function mnu_extend(obj, isMain) {
    var root;
    
    if (isMain)
    { root = obj.childNodes[0] }
    else
    { root = obj.parentNode.childNodes[0].childNodes[0] }

    var DivSsMnu = root.parentNode.parentNode.childNodes[2]
    var DivFond = root.parentNode.parentNode.childNodes[1]

    if (DivSsMnu.getElementsByTagName("A").length == 0) {
        return
    }

    // LEFT		
    var PosLeft = String(root.offsetLeft) + "px"
    DivSsMnu.style.left = PosLeft
    DivFond.style.left = PosLeft

    //TOP
    if (TopSubMenu == 0) {
        BorderWidthMenu = parseInt(obj.parentNode.parentNode.style.borderWidth.replace("px", ""))
        TopSubMenu = root.offsetTop + root.offsetHeight
    }
    DivFond.style.top = String(TopSubMenu) + "px"
    DivSsMnu.style.top = String(TopSubMenu) + "px"


    var BorderWidthMenu = 0;
    //DEROULEMENT
    if (!isMain) {
        DivSsMnu.style.display = "block"
        DivFond.style.display = "block"
    }
    else {
        DivFond.style.height = 1
        DivSsMnu.style.height = 1
        DivSsMnu.style.display = "block"
        DivFond.style.display = "block"


        //LARGEUR
        var maxLenght = 0
        var maxLenghtItem = 0
        try {
            for (var n = 0; n < DivSsMnu.getElementsByTagName("A").length; n++) {//alert(String(DivSsMnu.getElementsByTagName("A").item(i).innerText + "\n" + maxLenght)
                if (String(DivSsMnu.getElementsByTagName("A").item(n).innerText).length > maxLenght) {
                    maxLenght = String(DivSsMnu.getElementsByTagName("A").item(n).innerText).length
                    maxLenghtItem = n
                }
            }
        }
        catch (e)
	            { }

        DivFond.style.width = String(DivSsMnu.getElementsByTagName("A").item(maxLenghtItem).offsetWidth + 10 + BorderWidthMenu) + "px" // 6 pour le margin du css

        var i, m
        var divMenu = document.getElementById
        if (hSubMenu == 0) {
            hSubMenu = DivSsMnu.childNodes[0].offsetHeight
        }
        m = DivSsMnu.getElementsByTagName("A").length


        for (i = 0; i <= m * hSubMenu; i++) {
            var myFunct1 = "document.getElementById('" + DivFond.id + "').style.height='" + String(i + (BorderWidthMenu * 2)) + "px'"
            var myFunct2 = "document.getElementById('" + DivSsMnu.id + "').style.height='" + String(i) + "px'"
            window.setTimeout(myFunct1, 2.3 * i)
            window.setTimeout(myFunct2, 2 * i)

        }
    }
}

//  function mnu_extend(obj,isMain)    			
//	    {
//	   
//	    
//	    var root
//	    if (isMain)
//		    {root=obj.childNodes[0]
//		    }
//	    else
//	        {root=obj.parentNode.childNodes[0].childNodes[0]
//		    }
//		  
//	    
//		var PosLeft = String(root.offsetLeft)+"px"
//		
//	
//		
//	        
//		 // var DivMnu = root.parentNode.childNodes[0]    
//		
//		//var LDivMnu = Number(DivMnu)
//			
//		//alert((LDivMnu)*2)	
//		
//		
//		
//			
//		var DivSsMnu = root.parentNode.parentNode.childNodes[2]
//		var DivFond = root.parentNode.parentNode.childNodes[1]
//			
//	
//				
//	     
//	   	
//	    	//********calcul de la position verticale et de la largeur du sous-menu*********//	
//	   
//	   var l=DivSsMnu.getElementsByTagName("A").length
//	   
//	  var tableau = new Array 
//	  var tableau2 = new Array 
//	  
//	  var i
// 
//	  for(i=0;i<l;i++)
//			    {
//			    tableau[i]=DivSsMnu.getElementsByTagName("A").item(i).innerHTML
//			    tableau2[i]=tableau[i].length
//			    
//			    }
//			    
//	function tritable(a,b)
//            { return a-b; }
//            
//              
//                tableau2.sort(tritable)
//                tableau2.reverse(tritable)
//            
//            	sortienombres = tableau2.join(",");	
//            	
//		 var Topcenter=document.getElementById("center").offsetTop	    
//	  
////	    var TopMenu = parseInt(root.offsetTop) + parseInt(root.offsetHeight)
////	    
////	    var BorderWidthMenu = (Topcenter - TopMenu)/2
////	    
////	    if (TopSubMenu==0)	        
////	    
////	        { 
////	        TopSubMenu = TopMenu + BorderWidthMenu             
////	        }  	 	
////	   	
//	   		 var hbandeau = document.getElementById("header").offsetHeight
//	   	
//	   	 var TopSubMenu =parseInt(root.offsetHeight) + hbandeau
//	   	 
//	   
//	   	 
//	   
//	    
//	    var BorderWidthMenu = (Topcenter - TopSubMenu)/2
//	    
////	    if (TopSubMenu==0)	        
////	    
////	        { 
////	        TopSubMenu = TopMenu + BorderWidthMenu             
////	        }  	 	
//	   	
//	   	
//	   	//********IE 7 *********//
//	   	
//	    DivSsMnu.style.width = Math.sqrt(tableau2[0]) *40  + "px"
//	    DivFond.style.width = Math.sqrt(tableau2[0]) *40 + Number((BorderWidthMenu)*2) + "px"      
//	    	    
//	    DivSsMnu.style.left = PosLeft 
//	    DivFond.style.left = PosLeft	    
//	    
//	    
//	        
//	        
//	        
//	    	//********compatibilité *********//	
//	   
//	   var NomDuNavigateur = navigator.appName;

//        if(NomDuNavigateur=="Microsoft Internet Explorer")        
//        {
//        DivFond.style.top = String(TopSubMenu)+"px"	    
//	    DivSsMnu.style.top = String(TopSubMenu)+"px"
//        }
//        if(NomDuNavigateur=="Netscape")
//        {DivFond.style.top = String(TopSubMenu)- Number((BorderWidthMenu)) +"px" 	  
//         DivSsMnu.style.top = String(TopSubMenu)- Number((BorderWidthMenu))+"px" 
//        }
//        else if(NomDuNavigateur=="Opera")
//        {DivFond.style.top = String(TopSubMenu)-  String(BorderWidthMenu) - 1 +"px"
//         DivSsMnu.style.top = String(TopSubMenu)-  String(BorderWidthMenu) - 1 +"px"
//        }
//        else if(NomDuNavigateur=="Safari")
//        {DivFond.style.top = String(TopSubMenu) +"px"
//         DivSsMnu.style.top = String(TopSubMenu) +  String(BorderWidthMenu) +"px"
//        }
//        
//	   
//	   
//	   
//	   
//	
//	    
//	  
//	    
//	  
////	    document.getElementById("content").innerHTML = PosLeft
//	   
//	    if (!isMain)
//	        {DivSsMnu.style.display="block"
//	        DivFond.style.display="block"
//	        }
//	    else
//		    {
//		    DivFond.style.height=1
//		    DivSsMnu.style.height=1
//		    DivSsMnu.style.display="block"
//	        DivFond.style.display="block"
//	       
//	        var i,m
//	        var divMenu = document.getElementById	
//	        if (hSubMenu==0)
//	            {hSubMenu=DivSsMnu.childNodes[0].offsetHeight
//	            }    
//		    m= DivSsMnu.getElementsByTagName("A").length
//		    
//		
//		    
////		    if (!document.all)
////		        {DivFond.style.height=String(m*hSubMenu)+ "px"		        
////		        DivSsMnu.style.height=String(m*hSubMenu)+"px"
////		        return}
//				
//		    for(i=0;i<=m*hSubMenu;i++)
//			    {var myFunct1="document.getElementById('" + DivFond.id + "').style.height='" + String(i+ Number((BorderWidthMenu)*2) ) + "px'"
//			    var myFunct2="document.getElementById('" + DivSsMnu.id + "').style.height='" + String(i) + "px'"
//			    window.setTimeout(myFunct1,5.2*i)
//			    window.setTimeout(myFunct2,5*i)
//			  
//			    }
//			     
//			    
//		    }
//		
//	    }   
//	
//    			
function mnu_close(obj, isMain) {
    var root
    if (isMain == true) {
        root = obj.childNodes[0].childNodes[0]

    }
    else {
        root = obj.parentNode.childNodes[0].childNodes[0]

    }

    root.parentNode.parentNode.childNodes[2].style.display = "none"
    root.parentNode.parentNode.childNodes[1].style.display = "none"
}
































//// Gestion des menus déroulants

//  function debug(str)
//        {document.getElementById("debug").innerHTML += str +  "<br />"
//        }
//        
//  var hSubMenu=0  
//  var TopSubMenu=0  
//  function mnu_extend(obj,isMain)    			
//	    {
//	   
//	    
//	    var root
//	    if (isMain)
//		    {root=obj.childNodes[0]
//		    }
//	    else
//	        {root=obj.parentNode.childNodes[0].childNodes[0]
//		    }
//		  
//	    
//		var PosLeft = String(root.offsetLeft)+"px"
//		  
//		var DivSsMnu = root.parentNode.parentNode.childNodes[2]
//		var DivFond = root.parentNode.parentNode.childNodes[1]
//				
//	    DivSsMnu.style.left = PosLeft 
//	    DivFond.style.left = PosLeft
//	   
//	    
//	    if (TopSubMenu==0)
//	        {TopSubMenu = parseInt(root.offsetTop) + parseInt(root.offsetHeight)       
//	        } 
//	    DivFond.style.top = String(TopSubMenu+1)+"px"
//	    DivSsMnu.style.top = String(TopSubMenu-3)+"px"
//	   
////	    document.getElementById("content").innerHTML = PosLeft
//	   
//	    if (!isMain)
//	        {DivSsMnu.style.display="block"
//	        DivFond.style.display="block"
//	        }
//	    else
//		    {
//		    DivFond.style.height=1
//		    DivSsMnu.style.height=1
//		    DivSsMnu.style.display="block"
//	        DivFond.style.display="block"
//	       
//	        var i,m
//	        var divMenu = document.getElementById	
//	        if (hSubMenu==0)
//	            {hSubMenu=DivSsMnu.childNodes[0].offsetHeight
//	            }    
//		    m= DivSsMnu.getElementsByTagName("A").length
//		    if (!document.all)
//		        {DivFond.style.height=String(m*hSubMenu)+"px"
//		        DivSsMnu.style.height=String(m*hSubMenu)+"px"
//		        return}
//						
//		    for(i=0;i<=m*hSubMenu;i++)
//			    {var myFunct1="document.getElementById('" + DivFond.id + "').style.height='" + String(i+3) + "px'"
//			    var myFunct2="document.getElementById('" + DivSsMnu.id + "').style.height='" + String(i) + "px'"
//			    window.setTimeout(myFunct1,5.5*i)
//			    window.setTimeout(myFunct2,5*i)
//			    }
//			 }	
//	    }
//	
//    			
//    function mnu_close(obj,isMain)    			
//	    {var root
//	    if (isMain==true)
//		    {root=obj.childNodes[0].childNodes[0]
//		    }
//	    else
//	        {root=obj.parentNode.childNodes[0].childNodes[0]
//		    }
//		
//		root.parentNode.parentNode.childNodes[2].style.display="none"
//		root.parentNode.parentNode.childNodes[1].style.display="none"	
//	    }

//      
//        
//        




