var ESTMCarousel=function(cont,height){this.cont=document.getElementById(cont);if(height)this.height=height;this.init();return this;}
ESTMCarousel.prototype={cont:null,contBox:null,holder:null,next:null,prev:null,height:100,current:0,childs:[],effect:null,init:function(){for(var i=0;i<this.cont.childNodes.length;i++){if(this.cont.childNodes[i].tagName=='IMG'){this.childs.push(this.cont.childNodes[i]);Element.setStyle(this.cont.childNodes[i],{cssFloat:'left',marginRight:'10px'});}}
if(this.childs.length==0)return;var height=Element.getHeight(this.cont);Element.setStyle(this.cont,{width:'10000px'});this.contBox=document.createElement('div');Element.setStyle(this.contBox,{overflow:'hidden',position:'relative',cssFloat:'left',styleFloat:'left',width:'518px',height:this.height+'px'});this.holder=document.createElement('div');Element.setStyle(this.holder,{width:'560px',height:this.height+'px'});this.prev=document.createElement('div');Element.setStyle(this.prev,{marginTop:Math.round(this.height/2-10)+'px',background:'transparent URL(/winter/images/design/carousel/left-enabled.gif) no-repeat scroll center center',cssFloat:'left',styleFloat:'left',width:'20px',height:'20px'});Event.observe(this.prev,'click',this.prevImage.bindAsEventListener(this));this.next=document.createElement('div');Element.setStyle(this.next,{marginTop:Math.round(this.height/2-10)+'px',background:'transparent URL(/winter/images/design/carousel/right-enabled.gif) no-repeat scroll center center',cssFloat:'left',styleFloat:'left',width:'20px',height:'20px'});Event.observe(this.next,'click',this.nextImage.bindAsEventListener(this));this.holder.appendChild(this.prev);this.holder.appendChild(this.contBox);this.holder.appendChild(this.next);this.cont.parentNode.insertBefore(this.holder,this.cont);this.cont.parentNode.removeChild(this.cont);this.contBox.appendChild(this.cont);},nextImage:function(){if(this.effect&&this.effect.state!='finished')return;if(518-(this.cont.offsetLeft+this.childs[this.childs.length-1].offsetLeft+this.childs[this.childs.length-1].clientWidth)>0)return;if(!this.childs[this.current+1])return;this.effect=new Effect.MoveBy(this.cont,0,0,{x:this.childs[this.current].offsetLeft-this.childs[this.current+1].offsetLeft,y:0,duration:0.3,transition:Effect.Transitions.sinoidal});this.current++;},prevImage:function(){if(this.effect&&this.effect.state!='finished')return;if(!this.childs[this.current-1])return;this.effect=new Effect.MoveBy(this.cont,0,0,{x:this.childs[this.current].offsetLeft-this.childs[this.current-1].offsetLeft,y:0,duration:0.3,transition:Effect.Transitions.sinoidal});this.current--;}}
function moveCarousel(dir,element,text){var carousel=document.getElementById(element);var imgs=carousel.getElementsByTagName('img');var total=imgs.length;var width=$(imgs[0]).offsetWidth*3+30;var x=($(element).style.left==null)?'0px':$(element).style.left;x=String(x.substring(0,(x.length-2)));if(dir=='next'){var image=(x==0)?2*3:((Math.abs(x)/width)+2)*3;if(image>total&&image<total+3){width=(10+parseInt($(imgs[0]).offsetWidth))*(3-image+total);image=total;}}else if(dir=='prev'){var image=(Math.abs(x)/width)*3;if(image<4&&image>0){width=(10+parseInt($(imgs[0]).offsetWidth))*(image);image=1;}}else{return false;}
if(image<=1)Element.addClassName('prev','prev_disabled');else if(image==total)Element.addClassName('next','next_disabled');if(image<=0||!$(imgs[image-1]))return false;if(image>1)Element.removeClassName('prev','prev_disabled');if(image<total)Element.removeClassName('next','next_disabled');if(dir=='next'){new Effect.MoveBy(element,0,0,{x:-width,y:0,duration:0.3,transition:Effect.Transitions.sinoidal});return true;}else if(dir=='prev'){if(x<0){new Effect.MoveBy(element,0,0,{x:width,y:0,duration:0.3,transition:Effect.Transitions.sinoidal});return true;}}else{return false;}
return false;}