var Slideshow=new Class({slides:null,step:0,steps:null,btnNext:null,btnPrev:null,fx:null,container:null,zoom_images:[],zoom_setps:null,zoom_step:0,initialize:function(){this.slides=$$("#products-images-list .slide");this.container=$("products-main-image");this.zoom_steps=this.slides.length;if(this.slides.length>3){this.steps=this.slides.length-3;this.btnNext=$("products-image-next");this.btnPrev=$("products-image-previous");this.fx=new Fx.Scroll($("products-images-list"),{link:"chain",wheelStops:false}).toTop();this.previous().next()}this.slides.each(function(a){this.zoom_images.push(a.getElement("img").get("src").replace("thumb","zoom"))},this);this.switcher().zoom();return this},previous:function(){this.btnPrev.store("lock",1).addEvent("click",function(){if(this.btnPrev.retrieve("lock")==1){return}this.step-=1;this.slide.delay(100,this);if(this.step==0){this.btnPrev.store("lock",1);this.btnPrev.removeClass("previous-active").addClass("previous-inactive")}if(this.btnNext.retrieve("lock")==1){this.btnNext.store("lock",0);this.btnNext.removeClass("next-inactive").addClass("next-active")}}.bind(this));return this},next:function(){this.btnNext.store("lock",0).addEvent("click",function(){if(this.btnNext.retrieve("lock")==1){return}this.step+=1;this.slide.delay(100,this);if(this.step==this.steps){this.btnNext.store("lock",1);this.btnNext.removeClass("next-active").addClass("next-inactive")}if(this.btnPrev.retrieve("lock")==1){this.btnPrev.store("lock",0);this.btnPrev.removeClass("previous-inactive").addClass("previous-active")}}.bind(this));return this},slide:function(){this.fx.start(0,this.step*112)},switcher:function(){this.slides.each(function(b){var a=this.container;new Asset.image(b.getElement("img").get("src").replace("thumb","preview"),{onload:function(){b.getElement("a").addEvents({mouseenter:function(){a.getElement("img").set("src",this.src);a.getElement("a").set("rel",b.getElement("a").get("rel"))}.bind(this)})}})},this);return this},zoom:function(){var b=$("products-main-image").getElement("a");var a=new Asset.image("/htdoc/images/n/ajax-loader.gif");b.addEvent("click",function(e){e.stop();var f=b.getPosition();var d=new Element("div",{id:"products-overlay"}).setStyles({height:window.getScrollSize().y,background:"#313131"}).setOpacity(0.5).inject($(document.body));var c=new Element("div",{id:"products-zoom"}).setStyles({left:f.x+3,top:f.y+3,background:"#e3e4d6 url("+a.src+") center center no-repeat",opacity:0.6}).inject($(document.body));var g=this;var h=new Asset.images(this.zoom_images,{onProgress:function(i,j){if(j!=b.get("rel")){return}var k=h[j];new Fx.Morph(c,{duration:"500",fps:25}).start({left:[c.getPosition().x,(0.5*($(document.body).getSize().x-850)).toInt()],top:[c.getPosition().y,$(document.body).getScroll().y+(0.5*($(document.body).getSize().y-670)).toInt()],width:[c.getSize().x,850],height:[c.getSize().y,670],opacity:[0.6,1]}).chain(function(){c.setStyle("background","#e3e4d6");var l=new Element("div").addClass("icontainer").setStyle("background","url("+k.get("src")+") center center no-repeat").inject(c);var n=0;var m=showers=[];new Element("a",{href:"javascript:void(null);",id:"products-slide-previous"}).addClass("previous").setStyle("opacity",j==0?0.2:1).addEvent("click",g.switchImage.bindWithEvent(this,{obj:g,container:l,direction:-1,hidders:m||{},showers:showers||{}})).inject(c);new Element("a",{href:"javascript:void(null);",id:"products-slide-next"}).addClass("next").setStyle("opacity",j+1==g.zoom_steps?0.2:1).addEvent("click",g.switchImage.bindWithEvent(this,{obj:g,container:l,direction:1,hidders:m||{},showers:showers||{}})).inject(c);new Element("a",{href:"javascript:void(null)"}).addClass("products-close").addEvent("click",function(){c.destroy();d.destroy()}).inject(c)})}})}.bind(this))},switchImage:function(c,b){c.stop();var d=$("products-main-image").getElement("a").get("rel").toInt();var a=d+b.direction.toInt();if(a<0||a>=b.obj.zoom_steps){return}$("products-slide-previous").setStyle("opacity",a==0?0.2:1);$("products-slide-next").setStyle("opacity",a+1==b.obj.zoom_steps?0.2:1);$("products-main-image").getElement("a").set("rel",a);b.container.setStyle("background","url("+b.obj.zoom_images[a]+") center center no-repeat")}});window.addEvent("domready",function(){new Slideshow()});