//$(window).addEvent("domready",initialiser);

$(window).addEvent('domready', init2);


//apparaitre() ;
//	$$("#menu>li").addEvents({mouseenter:apparaitre, mouseleave:disparaitre});
function init2(){
// obj=document.getElementById(1+"m");
$("mnu11").setStyle("z-index","9999");
$("ombre1").setStyle('display', 'none');
$("ombre2").setStyle('display', 'none');
$("ombre3").setStyle('display', 'none');
$("ombre4").setStyle('display', 'none');

actif=null;
ajouteEvent(1);
ajouteEvent(2);
ajouteEvent(3);
ajouteEvent(4);
mVisible=false;
$("item1").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item2").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item3").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item4").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item5").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item5").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item20").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item30").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
$("item31").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});

$("item40").addEvents({mouseenter:ovOver,mouseleave:ovOut,click:ovClick});
};

function ovOut() {
//console.log("over");
this.style.backgroundColor = "#ede7e7";
this.style.color = "#737373";

};

function ovOver() {
	this.style.cursor='pointer';
this.style.backgroundColor = "#9c9898";
this.style.color = "#ede7e7";

};

function ovClick() {

window.location.href="#1"; 
this.style.backgroundColor = "#dCd3CE";
this.style.color = "#ede7e7";

};





function ajouteEvent(n){
	$("mm"+n).addEvent("mouseenter",function apparaitre() {

$("s1").setStyle('height', '500px');

//console.log("enter");
	mVisible = true;
disp();


actif=n;

 tp=0;
if(n==1){
	tp=-512;
	}else if(n==2){
	tp=-152;
}else if(n==3){
	tp=-256;
}else  if(n==4){
	tp=-152;
};

$("ombre"+n).setStyle('display', 'block');
$("m"+n).setStyle('display', 'block');

	this.style.backgroundColor = "#737373";
this.style.color = "#D6CCC3";
var	 myEffect = new Fx.Morph("m"+n, {
    duration: 250 ,
    transition: Fx.Transitions.Sine.easeOut  
});

myEffect.start({
    'top': [0] // Morphs the height from the current to 100px.;
});


});

$("m"+n).addEvent("mouseleave",function disparaitre() {
$("s1").setStyle('height', '10px');

	 tp=0;
if(n==1){
	tp=-512;
}else  if(n==2){
	tp=-152;
}else if(n==3){
	tp=-256;
}else  if(n==4){
	tp=-152;
};

$("ombre"+n).setStyle('display', 'none');
//$("m"+n).setStyle('display', 'none');
$("mm"+actif).backgroundColor = "#737373";
$("mm"+actif).style.color = "#D6CCC3";
//$("m"+n).setStyle("top",tp);
var	 myEffect = new Fx.Morph("m"+n, {
    duration: 250 ,
    transition: Fx.Transitions.Sine.easeOut  
});




myEffect.start({
    'top': [tp] // Morphs the height from the current to 100px.;
});

});
	
	
};
function disp(){
	if(actif != null){
$("ombre"+actif).setStyle('display', 'none');
//$("m"+actif).setStyle('display', 'none');

		
$("mm"+actif).setStyle("backgroundColor", "#d6CCC3");
$("mm"+actif).setStyle("color", "#737373");
var	 myEffect = new Fx.Morph("m"+actif, {
    duration: 250 ,
    transition: Fx.Transitions.Sine.easeOut  
});
var tp=0;
if(actif==1){
	tp=-512;
}else  if(actif==2){
	tp=-132;
}else if(actif==3){
	tp=-256;
}else  if(actif==4){
	tp=-132;
};

//$("m"+actif).setStyle("top",tp);
myEffect.start({
    'top': [tp] // Morphs the height from the current to 100px.;
});

	};
	
};