﻿var SlideList=new Class({initialize:function(b,a){this.setOptions(this.getOptions(),a);this.menu=$(b),this.current=this.menu.getElement("li.current");this.menu.getElements("li").each(function(a){a.addEvent("mouseover",function(){this.moveBg(a)}.bind(this));a.addEvent("mouseout",function(){this.moveBg(this.current)}.bind(this));a.addEvent("click",function(b){this.clickItem(b,a)}.bind(this))}.bind(this));this.back=(new Element("li")).addClass("background").adopt((new Element("div")).addClass("left")).injectInside(this.menu);this.back.fx=this.back.effects(this.options);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.current=a},getOptions:function(){return {transition:Fx.Transitions.sineInOut,duration:500,wait:false,onClick:Class.empty}},clickItem:function(b,a){if(!this.current)this.setCurrent(a,true);this.current=a;this.options.onClick(new Event(b),a)},moveBg:function(a){if(!this.current)return;this.back.fx.custom({left:[this.back.offsetLeft,a.offsetLeft],width:[this.back.offsetWidth,a.offsetWidth]})}});SlideList.implement(new Options);window.addEvent("domready",function(){new SlideList($E("ul","menu"),{transition:Fx.Transitions.backOut,duration:700})})