M1a = new Image();
M1a.src = 'medias/shared/menu/01.gif';
M1b = new Image();
M1b.src = 'medias/shared/menu/01b.gif';
M2a = new Image();
M2a.src = 'medias/shared/menu/02.gif';
M2b = new Image();
M2b.src = 'medias/shared/menu/02b.gif';
M3a = new Image();
M3a.src = 'medias/shared/menu/03.gif';
M3b = new Image();
M3b.src = 'medias/shared/menu/03b.gif';
M9a = new Image();
M9a.src = 'medias/shared/menu2/01.gif';
M9b = new Image();
M9b.src = 'medias/shared/menu2/01b.gif';
M4a = new Image();
M4a.src = 'medias/shared/menu/04.gif';
M4b = new Image();
M4b.src = 'medias/shared/menu/04b.gif';
M5a = new Image();
M5a.src = 'medias/shared/menu/05.gif';
M5b = new Image();
M5b.src = 'medias/shared/menu/05b.gif';



var nodeUL = new Array();
activateMenu = function(nav) {
	// rollovers 
	for (var i = 1; i <=9; i++){
	  if (document.getElementById('M' + i)){
		document.getElementById('M' + i).onmouseover=function() {
				this.src = eval(this.id + 'b.src') ;
		}
		document.getElementById('M' + i).onmouseout=function() {
				this.src = eval(this.id + 'a.src');
		}
	  }	
	}   
    /* 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++;
   			} 
		   
            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') == 'menu8'){ 
						document.getElementById('M5').src = M5b.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') == 'menu8'){ 
						document.getElementById('M5').src = M5a.src ;
					}                  
					  
                    this.className = this.className.replace("over", "");
                }
            }
        }
    }else{
	 if (document.getElementById('menu1')){	
		document.getElementById('menu1').onmouseover = function(){
			document.getElementById('M1').src =  M1b.src ;
		}
		document.getElementById('menu1').onmouseout = function(){
			document.getElementById('M1').src =  M1a.src ;
		}	
	 }	
	 if (document.getElementById('menu2')){
		document.getElementById('menu2').onmouseover = function(){
			document.getElementById('M2').src =  M2b.src ;
		}
		document.getElementById('menu2').onmouseout = function(){
			document.getElementById('M2').src =  M2a.src ;
		}
	 }
	 if (document.getElementById('menu3')){
		document.getElementById('menu3').onmouseover = function(){
			document.getElementById('M3').src =  M3b.src ;
		}
		document.getElementById('menu3').onmouseout = function(){
			document.getElementById('M3').src =  M3a.src ;
		}
	 }
	 if (document.getElementById('menu4')){
		document.getElementById('menu4').onmouseover = function(){
			document.getElementById('M4').src =  M4b.src ;
		}
		document.getElementById('menu4').onmouseout = function(){
			document.getElementById('M4').src =  M4a.src ;
		}
	 }
	 if (document.getElementById('menu8')){	
		document.getElementById('menu8').onmouseover = function(){
			document.getElementById('M5').src =  M5b.src ;
		}
		document.getElementById('menu8').onmouseout = function(){
			document.getElementById('M5').src =  M5a.src ;
		}
	 }
	}
}
window.onload= function(){
    /* pass the function the id of the top level UL */
    /* remove one, when only using one menu */
    activateMenu('nav'); 
}