﻿// Gestion des menus déroulants

  function debug(str)
        {document.getElementById("debug").innerHTML += str +  "<br />"
        }
        
  var hSubMenu=0  
  var TopSubMenu=0  
  var BorderWidthMenu=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]
			
			
	    // 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 
	        //alert(BorderWidthMenu +"\n"+root.offsetTop+"\n"+root.offsetHeight)
	        }  	        
	    DivFond.style.top = String(TopSubMenu)+"px"	    
	    DivSsMnu.style.top = String(TopSubMenu)+"px"
	    
	    
	    
	    
	   //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(i).innerText).length>maxLenght)
	                    {maxLenght=String(DivSsMnu.getElementsByTagName("A").item(i).innerText).length
	                    maxLenghtItem=i}
	                }	            
	            }
	        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 TopSubMenu =parseInt(root.offsetHeight)
//	    
//	    
//	    var BorderWidthMenu = (Topcenter - TopSubMenu)/2
//	    
////	    if (TopSubMenu==0)	        
////	    
////	        { 
////	        TopSubMenu = TopMenu + BorderWidthMenu             
////	        }  	 	
//	   	
//	   	//********IE 7 *********//
//	   	
//	    DivSsMnu.style.width = (tableau2[0]) *40  + "px"
//	    DivFond.style.width = (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"	
	    }

      
        

