M1a = new Image();
M1a.src = 'images/medias_fr/shared/bt-image-et-son_a.gif';
M1b = new Image();
M1b.src = 'images/medias_fr/shared/bt-image-et-son_b.gif';

M2a = new Image();
M2a.src = 'images/medias_fr/shared/bt-electromenager_a.gif';
M2b = new Image();
M2b.src = 'images/medias_fr/shared/bt-electromenager_b.gif';

M3a = new Image();
M3a.src = 'images/medias_fr/shared/bt-petit-electromenager_a.gif';
M3b = new Image();
M3b.src = 'images/medias_fr/shared/bt-petit-electromenager_b.gif';

M4a = new Image();
M4a.src = 'images/medias_fr/shared/bt-telephonie_a.gif';
M4b = new Image();
M4b.src = 'images/medias_fr/shared/bt-telephonie_b.gif';

M5a = new Image();
M5a.src = 'images/medias_fr/shared/bt-informatique_a.gif';
M5b = new Image();
M5b.src = 'images/medias_fr/shared/bt-informatique_b.gif';

M6a = new Image();
M6a.src = 'images/medias_fr/shared/bt-informatique_a.gif';
M6b = new Image();
M6b.src = 'images/medias_fr/shared/bt-informatique_b.gif';

M7a = new Image();
M7a.src = 'images/medias_fr/shared/bt-informatique_a.gif';
M7b = new Image();
M7b.src = 'images/medias_fr/shared/bt-informatique_b.gif';

M8a = new Image();
M8a.src = 'images/medias_fr/shared/bt-informatique_a.gif';
M8b = new Image();
M8b.src = 'images/medias_fr/shared/bt-informatique_b.gif';

M9a = new Image();
M9a.src = 'images/medias_fr/shared/bt-informatique_a.gif';
M9b = new Image();
M9b.src = 'images/medias_fr/shared/bt-informatique_b.gif';

var nodeUL = new Array();
activateMenu = function(nav) {
	
/* currentStyle restricts the Javascript to IE only */
/*if (document.all && document.getElementById(nav).currentStyle) {  */
if (document.all) { 
	var navroot = document.getElementById(nav);
    /* Get all the list items within the menu */
    var lis=navroot.getElementsByTagName("LI");  
		
        for (i=0; i<lis.length; i++) {
		   /* If the LI has another menu level */
           /* on parcour les noeuds du li pour trouver un UL */
		   var j = 0;
		   var ulFound = false;
		   while( j <  lis[i].childNodes.length ){
				if (lis[i].childNodes[j].nodeName == "UL"){
					ulFound = true;
					nodeUL[i] = lis[i].childNodes[j];
					break;
				}
				j++;
   			} 
		   
		   /*
		   lis[i].onmouseover=function() {
		   			if (this.parentNode.parentNode.nodeName == "LI"){
						this.parentNode.parentNode.childNodes[0].setAttribute("className","survol");
					}
		   }
		   if (!ulFound){
			   lis[i].onmouseout=function() {
						if (  this.parentNode.parentNode.nodeName == "LI"){
							this.parentNode.parentNode.childNodes[0].setAttribute("className","");						
						}
			   }
		   }
		   */
		   
            if (ulFound){
				
                /* assign the function to the LI */
             	lis[i].onmouseover=function() {
					
					if (this.getAttribute('id') == 'menu1'){
	                	document.getElementById('M1').src = M1b.src ;
                    }else if (this.getAttribute('id') == 'menu2'){
						document.getElementById('M2').src = M2b.src ;
					}else if (this.getAttribute('id') == 'menu3'){
						document.getElementById('M3').src = M3b.src ;
					}else if (this.getAttribute('id') == 'menu4'){ 
						document.getElementById('M4').src = M4b.src ;
					}else if (this.getAttribute('id') == 'menu5'){ 					
						document.getElementById('M5').src = M5b.src ;
					}else if (this.getAttribute('id') == 'menu6'){ 					
						document.getElementById('M6').src = M6b.src ;
					}else if (this.getAttribute('id') == 'menu7'){ 					
						document.getElementById('M7').src = M7b.src ;
					}else if (this.getAttribute('id') == 'menu8'){ 					
						document.getElementById('M8').src = M8b.src ;
					}else if (this.getAttribute('id') == 'menu9'){ 					
						document.getElementById('M9').src = M9b.src ;
					}			
					/* display the inner menu */
					this.className += "over";
                }
                lis[i].onmouseout=function() {    
					
					if (this.getAttribute('id') == 'menu1'){
	                	document.getElementById('M1').src = M1a.src ;
                    }else if (this.getAttribute('id') == 'menu2'){
						document.getElementById('M2').src = M2a.src ;
					}else if (this.getAttribute('id') == 'menu3'){
						document.getElementById('M3').src = M3a.src ;
					}else if (this.getAttribute('id') == 'menu4'){ 
						document.getElementById('M4').src = M4a.src ;
					}else if (this.getAttribute('id') == 'menu5'){ 
						document.getElementById('M5').src = M5a.src ;
					}else if (this.getAttribute('id') == 'menu6'){ 
						document.getElementById('M6').src = M6a.src ;
					}else if (this.getAttribute('id') == 'menu7'){ 
						document.getElementById('M7').src = M7a.src ;
					}else if (this.getAttribute('id') == 'menu8'){ 
						document.getElementById('M8').src = M8a.src ;
					}else if (this.getAttribute('id') == 'menu8'){ 
						document.getElementById('M9').src = M9a.src ;
					}                 				  
                    this.className = this.className.replace("over", "");
                }
            }
        }
    }else{
		document.getElementById('menu1').onmouseover = function(){
			document.getElementById('M1').src =  M1b.src ;
		}
		document.getElementById('menu1').onmouseout = function(){
			document.getElementById('M1').src =  M1a.src ;
		}	
		
		document.getElementById('menu2').onmouseover = function(){
			document.getElementById('M2').src =  M2b.src ;
		}
		document.getElementById('menu2').onmouseout = function(){
			document.getElementById('M2').src =  M2a.src ;
		}

		document.getElementById('menu3').onmouseover = function(){
			document.getElementById('M3').src =  M3b.src ;
		}
		document.getElementById('menu3').onmouseout = function(){
			document.getElementById('M3').src =  M3a.src ;
		}

		document.getElementById('menu4').onmouseover = function(){
			document.getElementById('M4').src =  M4b.src ;
		}
		document.getElementById('menu4').onmouseout = function(){
			document.getElementById('M4').src =  M4a.src ;
		}
		
		document.getElementById('menu5').onmouseover = function(){
			document.getElementById('M5').src =  M5b.src ;
		}
		document.getElementById('menu5').onmouseout = function(){
			document.getElementById('M5').src =  M5a.src ;
		}					
		document.getElementById('menu6').onmouseover = function(){
			document.getElementById('M6').src =  M6b.src ;
		}
		document.getElementById('menu6').onmouseout = function(){
			document.getElementById('M6').src =  M6a.src ;
		}				
		document.getElementById('menu7').onmouseover = function(){
			document.getElementById('M7').src =  M7b.src ;
		}
		document.getElementById('menu7').onmouseout = function(){
			document.getElementById('M7').src =  M7a.src ;
		}							
		document.getElementById('menu8').onmouseover = function(){
			document.getElementById('M8').src =  M8b.src ;
		}
		document.getElementById('menu8').onmouseout = function(){
			document.getElementById('M8').src =  M8a.src ;
		}
		document.getElementById('menu9').onmouseout = function(){
			document.getElementById('M9').src =  M9a.src ;
		}								
	}
}
window.onload= function(){
/* pass the function the id of the top level UL */
/* remove one, when only using one menu */
    activateMenu('nav'); 
}
