var SlideList=new Class({
	initialize:function(c,d,e)
	{
		this.setOptions(this.getOptions(),d);
		this.menu=$(c),this.current=this.menu.getElement("li.current");
		this.sous_menu=e;
		this.menu.getElements("li").each(function(b){b.addEvent("mouseover",function(){this.moveBg(b)}.bind(this));
	b.addEvent("mouseout",function(){this.timer=setTimeout("agMenu.moveBg(agMenu.current)",2000)}.bind(this));
	b.addEvent("click",function(a){this.clickItem(a,b)}.bind(this))}.bind(this));
	this.back=new Element("li").addClass("hilite").adopt(new Element("div").addClass("left")).injectInside(this.menu);
	this.back.fx=this.back.effects(this.options);
	this.univers=new Element("li").addClass("univers").adopt(new Element("div").addClass("left")).injectInside(this.menu);
	this.univers.fx=this.back.effects(this.options);
	this.images=new Array();
	for(var i=0;i<4;i++)
	{	
		this.images[i]=new Image()
	}
	//Chargement des images corners
	this.images[0].src="images/menu/sm_corner_left.gif";
	this.images[1].src="images/menu/sm_corner_right.gif";
	this.images[2].src="images/menu/sm_corner_left_on.gif";
	this.images[3].src="images/menu/sm_corner_right_on.gif";
	if(this.current)
	{
		this.setCurrent(this.current)
	}
}
,
setCurrent:function(a,b)
{
	this.back.setStyles({left:(a.offsetLeft)+'px',width:(a.offsetWidth)+"px"});
	(b)?this.back.effect("opacity").set(0).start(1):this.back.setOpacity(1);
	this.univers.setStyles({left:(a.offsetLeft)+'px',width:(a.offsetWidth)+"px"});
	(b)?this.univers.effect("opacity").set(0).start(1):this.univers.setOpacity(1);
	this.current=a
}
,
getOptions:function()
{
	return{transition:Fx.Transitions.sineInOut,duration:500,wait:false,onClick:Class.empty}
}
,
clickItem:function(a,b)
{
	if(!this.current)
		{this.setCurrent(b,true)}
	this.current=b;
	this.options.onClick(new Event(a),b)
}
,
moveBg:function(a)
{
	if(!this.current)
		{return}
	if(this.timer)
		{clearTimeout(this.timer)}
	this.back.fx.custom({left:[this.back.offsetLeft,a.offsetLeft],width:[this.back.offsetWidth,a.offsetWidth]});
	if(this.fxMenu)
		{this.fxMenu.stop()}
	if(this.fxMenu&&this.fxMenu.element!=$E('a',this.current)&&this.fxMenu.element!=$E('a',a))
		{this.fxMenu.element.setStyle('color','#000000');}
	//this.fxMenu=new Fx.Style($E('a',a),'color').start('#698399');
	if(this.sous_menu)
	{
		this.sous_menu.setText(LABEL["SUBMENU_UNIV_"+a.getProperty("id").substr(2)]);
		//Si la souris est sur une element active autre que current
		if(this.current!=a) 
		{
			this.sous_menu.setStyle("background-image","url(images/menu/sousMenu.gif)");
		//	this.sous_menu.setStyle("color","#585858");
			$("sm_left").setProperty("src",this.images[2].src);
			$("sm_right").setProperty("src",this.images[3].src)
		}
		//Si la souris est sur current
		else
		{
			this.sous_menu.setStyle("background-image","url(images/menu/sousMenuCurrent.gif)");
			//this.sous_menu.setStyle("color","#FFFFFF");
			$("sm_left").setProperty("src",this.images[0].src);
			$("sm_right").setProperty("src",this.images[1].src)
		}
	}
}
});

SlideList.implement(new Options);
agMenu="";
window.addEvent("domready",function(){agMenu=new SlideList($E("ul","fancymenu"),{transition:Fx.Transitions.backOut,duration:750},$("sous_menu"))});