function showMenu(myId,myParent,myHeight)
 { 
    var myLeft=0;
    var myNavig=testNavig();
    if (myNavig.substring(0,2)=="IE") 
        { myHeight+=15; myLeft=10; }

 
    var left = 0;
    var top = 0;
    /*On récupère l'élément*/
    var e = document.getElementById(myParent);
    /*Tant que l'on a un élément parent*/
    while (e.offsetParent != undefined && e.offsetParent != null)
    {
        /*On ajoute la position de l'élément parent*/
        left += e.offsetLeft + (e.clientLeft != null ? e.clientLeft : 0);
        top += e.offsetTop + (e.clientTop != null ? e.clientTop : 0);
        e = e.offsetParent;
    } 
 		var MyDiv=document.getElementById(myId);
 				MyDiv.style.top = parseInt(top+myHeight)+ 'px';  
 				MyDiv.style.left = parseInt(left+myLeft)+ 'px';  
 				MyDiv.style.display = "block";  
 				MyDiv.style.visibility = "visible";  
 }
 
 function mouseOver(myId)
 { 
    if (myId=='x' || myId=='y' || myId=='z')
      {
       		var MyDiv=document.getElementById(myId); 
       	  MyDiv.style.backgroundImage = "url(images/btnchocoFooterOver.jpg)"; 
      }
    else
      {
       		var MyDiv=document.getElementById(myId); 
       		if (myId!='d')
       		   { MyDiv.style.backgroundImage = "url(images/btnchocoOver.jpg)"; }
       		else
        		if (myId=='d')	
      		   { MyDiv.style.backgroundImage = "url(images/btnchocoOver.jpg)";
               showMenu('s1','d',34);        
               showMenu('s2','d',68);        
               showMenu('s3','d',102);        
             }	
        	if (myId=='i')	
      		   { 
               showMenu('s4','i',34);        
               showMenu('s5','i',68);        
             }
 		   }
 }
  function mouseOut(myId)
 { 
    if (myId=='x' || myId=='y'|| myId=='z')
      {
       		var MyDiv=document.getElementById(myId); 
       	  MyDiv.style.backgroundImage = "url(images/btnchocoFooter.jpg)"; 
      }
    else
      {
       		var MyDiv=document.getElementById(myId); 
          if (myId!='d' && myId!='s1' && myId!='s2' && myId!='s3' && myId!='i' && myId!='s4' && myId!='s5' )
       		   { 				
               	var MyDiv2=document.getElementById('s1'); 
                if (MyDiv2.style.display="block") MyDiv2.style.display="none" ;  
              	var MyDiv2=document.getElementById('s2'); 
                if (MyDiv2.style.display="block") MyDiv2.style.display="none" ;  
              	var MyDiv2=document.getElementById('s3'); 
                if (MyDiv2.style.display="block") MyDiv2.style.display="none" ;  
              	var MyDiv2=document.getElementById('s4'); 
                if (MyDiv2.style.display="block") MyDiv2.style.display="none" ;  
              	var MyDiv2=document.getElementById('s5'); 
                if (MyDiv2.style.display="block") MyDiv2.style.display="none" ;  
      
              MyDiv.style.backgroundImage = "url(images/btnchoco.jpg)"; 
             }
       		else
      		   { MyDiv.style.backgroundImage = "url(images/btnchoco.jpg)";
               }
 		  }
 }
 
 function closeMyDiv(myId)
 { 
 		var MyDiv=document.getElementById(myId);
 					MyDiv.style.visibility = "none";  
 }
 
function openMyDiv(myId1,myId2,myId3,myId4)
 { 
 		    var MyDiv=document.getElementById(myId1);
 			  if (MyDiv.style.display=="block")
          {  MyDiv.style.display="none"; }
        else
         {  MyDiv.style.display="block"; }
 			  
  		    var MyDiv=document.getElementById(myId2);
          MyDiv.style.display="none"; 			  
  		    var MyDiv=document.getElementById(myId3);
          MyDiv.style.display="none"; 			  
  		    var MyDiv=document.getElementById(myId4);
          MyDiv.style.display="none"; 
          
          return false;			  
 }

 function hideMessage(myId)
 { 
 		var MyDiv=document.getElementById(myId);
 				MyDiv.style.visibility = "hidden";  
 }
 
 function showMessage(myId)
 { 
 		var MyDiv=document.getElementById(myId);
 				MyDiv.style.visibility = "visible";  
 }
 

function testNavig()
 {
		var IE6 = false, IE7 = false,
		 FIREFOX2  = false, FIREFOX  = false,
		 NETSCAPE7 = false, NETSCAPE = false, 
		 OPERA9 = false, OPERA = false, 
		 AUTRE = false;
		var strChUserAgent = navigator.userAgent;
		var intSplitStart = strChUserAgent.indexOf("(",0);
		var intSplitEnd = strChUserAgent.indexOf(")",0);
		var strChStart = strChUserAgent.substring(0,intSplitStart);
		var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
		var strChEnd = strChUserAgent.substring(strChEnd);

		if(strChEnd.indexOf("Chrome") != -1)
		 { return('CHROME');}
		if(strChEnd.indexOf("Safari") != -1)
		 { return('SAFARI');}
		if(strChMid.indexOf("MSIE 8") != -1)
		 { return('IE8');}
		if(strChMid.indexOf("MSIE 7") != -1)
		 { return('IE7');}
		else if(strChMid.indexOf("MSIE 6") != -1)
		 { return('IE6');}
		else if(strChEnd.indexOf("Firefox/3") != -1)
		 { return('FIREFOX3');}
		else if(strChEnd.indexOf("Firefox/5") != -1)
		 { return('FIREFOX5');}
		else if(strChEnd.indexOf("Firefox") != -1)
		 { return('FIREFOX');}
		else if(strChEnd.indexOf("Netscape/7") != -1)
		 { return('NETSCAPE7');}
		else if(strChEnd.indexOf("Netscape") != -1)
		 { return('NETSCAPE');}
		else if(strChStart.indexOf("Opera/9") != -1)
		 { return('OPERA9');}
		else if(strChStart.indexOf("Opera") != -1)
		 { return('OPERA');}
		else
		 {AUTRE = true;
		 return('IE6');}
 }