
// Menu slide
	function menuactive(id) {
		
		for(m=1;m<10;m++){
			if(m!=id){
				
				document.getElementById('Main'+m).className = "liNonActif";
				break;
			} 
		}		
		document.getElementById('Main'+id).className = "liNonActif liActif";
	}
		
 function showMenu(id){
	 
   for(m=1;m<10;m++){
     if(m!=id){
	    
	document.getElementById('menu'+m).style.display = "none";
     	document.getElementById('Main'+m).className = "liNonActif";
		
		
		
	break;
     }
   }
 
 }

 function hideMenu(id){
	 
   for(m=1;m<10;m++){
     if(m==id){
 
	  document.getElementById('menu'+id).style.display = "none";
        break;
	  //document.getElementById('Main'+m).className = "liNonActif";
     }
   }

 }

 function doSlide(id){
	timeToSlide = 12; // in milliseconds
	obj = document.getElementById(id);
	if(obj.style.display == "none"){ // si c hidden on fait le slide
		obj.style.visibility = "hidden";
		obj.style.display = "block";
		height = obj.offsetHeight;
		obj.style.height="0px";
		obj.style.visibility = "visible";
		pxPerLoop = height/timeToSlide;
		slide(obj,0,height,pxPerLoop);
	} else {
	obj.style.display = "none";
	}
}

function slide(obj,offset,full,px){
	if(offset < full){
		obj.style.height = offset+"px";
		offset=offset+px;
		setTimeout((function(){slide(obj,offset,full,px);}),1);
		
	} else {
		obj.style.height = "auto"; //Can be usefull in updated divs otherwise
//just use full+"px"
	}
	}


function effectOver (c,CurrentMenu) {
	doSlide('menu'+c);
	
	//alert(CurrentMenu);
	 showMenu(c);

	 
	 document.getElementById('aMain'+c).style.height='36px';
	document.getElementById('aMain'+c).style.color='#0139a1';
	document.getElementById('aMain'+c).style.textDecoration='underline';
	if (CurrentMenu>0) {
		document.getElementById('selectedMenu').className='transparent';
		document.getElementById('aMain'+CurrentMenu).style.backgroundImage='none';
		document.getElementById('aMain'+CurrentMenu).style.backgroundColor='#373737';
		document.getElementById('aMain'+CurrentMenu).style.height='29px';
		document.getElementById('aMain'+CurrentMenu).style.color='white';
		document.getElementById('aMain'+CurrentMenu).style.textDecoration='none';
		

		}
		
	
}


function effectOut (c,CurrentMenu, imageBg) {
	hideMenu(c);
	document.getElementById('aMain'+c).style.height='29px';
	document.getElementById('aMain'+c).style.color='white';
	document.getElementById('aMain'+c).style.textDecoration='none';
	
	if (CurrentMenu>0) {

		document.getElementById('aMain'+CurrentMenu).style.backgroundImage='url('+imageBg+'navigationBgSelected.jpg)';
		document.getElementById('aMain'+CurrentMenu).style.height='36px';
		document.getElementById('aMain'+CurrentMenu).style.color ='#0139a1';
		document.getElementById('selectedMenu').className='opaque';
		}

	
	
	}
	
	
function effectMenuOver (m,CurrentMenu) {

	menuactive(m);
	
	document.getElementById('menu'+m).style.display='block';
		 
	document.getElementById('aMain'+m).style.height='36px';
	document.getElementById('aMain'+m).style.color='#0139a1';
	document.getElementById('aMain'+m).style.textDecoration='underline';
	
	if (CurrentMenu>0) {
		document.getElementById('selectedMenu').className='transparent';
		document.getElementById('aMain'+CurrentMenu).style.backgroundImage='none';
		document.getElementById('aMain'+CurrentMenu).style.backgroundColor='#373737';
		document.getElementById('aMain'+CurrentMenu).style.height='29px'; 
		document.getElementById('aMain'+CurrentMenu).style.color='white';
						
		}
		//document.getElementById('Main'+m).className = "liNonActif liActif";
	}
	
		
 function effectMenuOut (m,CurrentMenu,imageBg) {
 	
	document.getElementById('menu'+m).style.display='none';
	document.getElementById('Main'+m).className = 'liNonActif';
	document.getElementById('aMain'+m).style.height='29px';
	document.getElementById('aMain'+m).style.color='white';
	document.getElementById('aMain'+m).style.textDecoration='none';

	if (CurrentMenu>0) {
		
		document.getElementById('selectedMenu').className='opaque';
		document.getElementById('aMain'+CurrentMenu).style.backgroundImage='url('+imageBg+'navigationBgSelected.jpg)';
		document.getElementById('aMain'+CurrentMenu).style.height='36px';
		document.getElementById('aMain'+CurrentMenu).style.color ='#0139a1';

		}
	
	}
			
