M1a = new Image();
M1a.src = '../../medias_uk/shared/menu2/01.gif';
M1b = new Image();
M1b.src = '../../medias_uk/shared/menu2/01b.gif';
M2a = new Image();
M2a.src = '../../medias_uk/shared/menu2/02.gif';
M2b = new Image();
M2b.src = '../../medias_uk/shared/menu2/02b.gif';
M3a = new Image();
M3a.src = '../../medias_uk/shared/menu2/03.gif';
M3b = new Image();
M3b.src = '../../medias_uk/shared/menu2/03b.gif';
M4a = new Image();
M4a.src = '../../medias_uk/shared/menu2/04.gif';
M4b = new Image();
M4b.src = '../../medias_uk/shared/menu2/04b.gif';
M5a = new Image();
M5a.src = '../../medias_uk/shared/menu2/05.gif';
M5b = new Image();
M5b.src = '../../medias_uk/shared/menu2/05b.gif';
M6a = new Image();
M6a.src = '../../medias_uk/shared/menu2/06.gif';
M6b = new Image();
M6b.src = '../../medias_uk/shared/menu2/06b.gif';
M7a = new Image();
M7a.src = '../../medias_uk/shared/menu2/07.gif';
M7b = new Image();
M7b.src = '../../medias_uk/shared/menu2/07b.gif';
M8a = new Image();
M8a.src = '../../medias_uk/shared/menu2/08.gif';
M8b = new Image();
M8b.src = '../../medias_uk/shared/menu2/08b.gif';



var nodeUL = new Array();
activateMenu = function(nav) {
	// rollovers 
	for (var i = 1; i <=8; 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') == 'men1'){
	                	document.getElementById('M1').src = M1b.src ;
                    }else if (this.getAttribute('id') == 'men2'){
						document.getElementById('M2').src = M2b.src ;
					}else if (this.getAttribute('id') == 'men3'){
						document.getElementById('M3').src = M3b.src ;
					}else if (this.getAttribute('id') == 'men4'){ 
						document.getElementById('M4').src = M4b.src ;
						}else if (this.getAttribute('id') == 'men5'){ 
						document.getElementById('M5').src = M5b.src ;
						}else if (this.getAttribute('id') == 'men8'){ 
						document.getElementById('M6').src = M6b.src ;
						}else if (this.getAttribute('id') == 'men7'){ 
						document.getElementById('M7').src = M7b.src ;
						}else if (this.getAttribute('id') == 'men9'){ 
						document.getElementById('M8').src = M8b.src ;
					}					
					
					/* display the inner menu */
					this.className += "over";
                }
                lis[i].onmouseout=function() {    
					
					if (this.getAttribute('id') == 'men1'){
	                	document.getElementById('M1').src = M1a.src ;
                    }else if (this.getAttribute('id') == 'men2'){
						document.getElementById('M2').src = M2a.src ;
					}else if (this.getAttribute('id') == 'men3'){
						document.getElementById('M3').src = M3a.src ;
					}else if (this.getAttribute('id') == 'men4'){ 
						document.getElementById('M4').src = M4a.src ;
						}else if (this.getAttribute('id') == 'men5'){ 
						document.getElementById('M5').src = M5a.src ;
						}else if (this.getAttribute('id') == 'men8'){ 
						document.getElementById('M6').src = M6a.src ;
						}else if (this.getAttribute('id') == 'men7'){ 
						document.getElementById('M7').src = M7a.src ;
						}else if (this.getAttribute('id') == 'men9'){ 
						document.getElementById('M8').src = M8a.src ;
					}                 
					  
                    this.className = this.className.replace("over", "");
                }
            }
        }
    }else{
		document.getElementById('men1').onmouseover = function(){
			document.getElementById('M1').src =  M1b.src ;
		}
		document.getElementById('men1').onmouseout = function(){
			document.getElementById('M1').src =  M1a.src ;
		}	
		
		document.getElementById('men2').onmouseover = function(){
			document.getElementById('M2').src =  M2b.src ;
		}
		document.getElementById('men2').onmouseout = function(){
			document.getElementById('M2').src =  M2a.src ;
		}

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

		document.getElementById('men4').onmouseover = function(){
			document.getElementById('M4').src =  M4b.src ;
		}
		document.getElementById('men4').onmouseout = function(){
			document.getElementById('M4').src =  M4a.src ;
		}
		document.getElementById('men5').onmouseover = function(){
			document.getElementById('M5').src =  M5b.src ;
		}
		document.getElementById('men5').onmouseout = function(){
			document.getElementById('M5').src =  M5a.src ;
		}
		document.getElementById('men8').onmouseover = function(){
			document.getElementById('M6').src =  M6b.src ;
		}
		document.getElementById('men8').onmouseout = function(){
			document.getElementById('M6').src =  M6a.src ;
		}
		document.getElementById('men7').onmouseover = function(){
			document.getElementById('M7').src =  M7b.src ;
		}
		document.getElementById('men7').onmouseout = function(){
			document.getElementById('M7').src =  M7a.src ;
		}
		document.getElementById('men9').onmouseover = function(){
			document.getElementById('M8').src =  M8b.src ;
		}
		document.getElementById('men9').onmouseout = function(){
			document.getElementById('M8').src =  M8a.src ;
		}
		
	}
}
window.onload= function(){
    /* pass the function the id of the top level UL */
    /* remove one, when only using one menu */
    activateMenu('nav'); 
}

