var SlideShow_class=new Class({_elem:null,_scroller:null,_current:null,options:{items:[],startQuantity:5,itemWidth:.8,preloader:'',duration:800,transition:Fx.Transitions.Quad.easeInOut,style:{height:'400px'},styleSideItem:{},styleActiveItem:{opacity:1},styleMouseItem:{}},initialize:function(options){this.setOptions(options)},init:function(){if(this.options.items.length<this.options.startQuantity)return;var id=''+$random(0,100000);document.write("<div id='"+id+"'></div>");this._elem=new Element('div').setStyles(this.options.style).inject($(id).setStyles({width:'100%',overflow:'hidden'}));this._preloderShow();var shift=(this.options.startQuantity/2).toInt();for(var i=0;i<shift;i++)this.options.items.unshift(this.options.items.pop());this._scroller=new Fx.Scroll(this._elem.getParent(),{wait:false,duration:this.options.duration,onStart:this.onStartScroll.bind(this),onComplete:this.onStopScroll.bind(this),onCancel:this.onStopScroll.bind(this),transition:this.options.transition});this._scroller.toItem=null;this._dataPreload(this.options.startQuantity,this.startVisio.bind(this,shift));window.addEvent('resize',this.dimensionsInit.bind(this))},startVisio:function(index){this.options.items.each(function(item){item.elem=new Element('div',{styles:$merge({height:'100%',float:'left',opacity:'.5','background-image':'url('+item.url+')'},this.options.styleSideItem,$defined(item.style)?item.style:{})});item.elem.item=item;item.elem.fx=new Fx.Styles(item.elem,{duration:this.options.duration,wait:false});item.elem.mfx=new Fx.Styles(item.elem,{duration:200,wait:false});item.elem.addEvent('mouseenter',function(){if(item!==this._scroller.toItem&&item!==this._current)item.elem.mfx.start(this.options.styleMouseItem)}.bind(this));item.elem.addEvent('mouseleave',function(){if(item!==this._scroller.toItem&&item!==this._current)item.elem.mfx.start(this.options.styleSideItem)}.bind(this));item.elem.addEvent('click',this.onElementClick.bindWithEvent(this,item));item.elem.inject(this._elem,'top')}.bind(this));this._current=this.options.items[Math.round(this.options.startQuantity/2)+1];this.dimensionsInit();this.toItem(this.options.items[index])},restartVisio:function(){if(this._current){this._scroller.stop();this.dimensionsInit()}},dimensionsInit:function(){var parentWidth=this._elem.getParent().getSize().size.x;var offsetWidth=(parentWidth/2*(1-this.options.itemWidth)).toInt();var itemWidth=(parentWidth-offsetWidth*2).toInt();this._elem.setStyle('width',itemWidth*this.options.items.length);this.options.items.each(function(item){if($defined(item.elem)){item.elem.setStyle('width',itemWidth)}});var index=this._current.elem.getParent().getChildren().indexOf(this._current.elem);this._scroller.setOptions({offset:{x:-offsetWidth}});this._scroller.set([itemWidth*index-offsetWidth,0])},_dataPreload:function(quantity,callback){var loaded=0;this.options.items.each(function(item,index){item.index=index;if(!$defined(item.image)&&(!quantity||quantity>index)){item.image=new Image();item.image.onload=function(){loaded++;if(!quantity||loaded===quantity)callback()}.bind(this);item.image.src=item.url}}.bind(this))},_preloderShow:function(){if(this.options.preloader)this._elem.setStyles({background:'url('+this.options.preloader+') no-repeat 50% 50%'})},onStartScroll:function(){this.fireEvent('startScroll');if(this._current)this._current.elem.fx.start(this.options.styleSideItem)},onStopScroll:function(){this.fireEvent('stopScroll');this._scroller.toItem=null;if(!this._current.elem.getNext().getNext()&&this._elem.getFirst().inject(this._elem,'bottom')||!this._current.elem.getPrevious().getPrevious()&&this._elem.getLast().inject(this._elem,'top'))this.dimensionsInit()},toItem:function(item){item.elem.fx.start(this.options.styleActiveItem);this._scroller.toItem=item;this._scroller.toElement(item.elem);this._current=item},toNext:function(){if(!this._scroller.toItem)this.toItem(this._current.elem.getNext().item)},toPrev:function(){if(!this._scroller.toItem)this.toItem(this._current.elem.getPrevious().item)},onElementClick:function(e,item){if(this._current!==item){this.toItem(item)}else{if($defined(item.href))location.assign(item.href)}}});SlideShow_class.implement(new Options,new Events);var SlideShow=new SlideShow_class({items:[{"url":"http:\/\/i.antilopa.ua\/portfolio\/2\/2003.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/packaging-label\/konservaciya-kuhar.html","html":"\u042d\u0442\u0438\u043a\u0435\u0442\u043a\u0430 \u0434\u043b\u044f \u043a\u043e\u043d\u0441\u0435\u0440\u0432\u0430\u0446\u0438\u0438 \u0422\u041c \u00ab\u0414\u043e\u0431\u0440\u0438\u0439 \u043a\u0443\u0445\u0430\u0440\u00bb"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1991.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/logo-identities\/logo-mercury.html","html":"\u041c\u0435\u0440\u043a\u0443\u0440\u0438\u0439"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1910.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/illustration-foto\/illustration\/illustration-ft-lights.html","html":"\u0421\u0435\u0440\u0438\u044f \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0439 \u0434\u043b\u044f \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u0444\u0435\u0435\u043d"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1866.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/packaging-label\/packing-semki-lakomka.html","html":"\u0423\u043f\u0430\u043a\u043e\u0432\u043a\u0430 \u0434\u043b\u044f \u0441\u0435\u043c\u0435\u0447\u0435\u043a \u00ab\u041b\u0430\u043a\u043e\u043c\u043a\u0430\u00bb"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1838.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/logo-identities\/logo-mob-resheniya.html","html":"\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1900.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/illustration-foto\/illustration\/illustration-atb-vafli.html","html":"\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u044d\u0442\u0438\u043a\u0435\u0442\u043a\u0438 \u0432\u0430\u0444\u0435\u043b\u044c"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1915.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/logo-identities\/znak-kristal.html","html":"\u041a\u0440\u0438\u0441\u0442\u0430\u043b"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1844.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/logo-identities\/corporate-identity-biscuits-collection.html","html":"Biscuits Collection"},{"url":"http:\/\/i.antilopa.ua\/portfolio\/1\/1862.jpg","href":"http:\/\/www.antilopa.ua\/portfolio\/logo-identities\/corporate-identity-architect.html","html":"\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440"}],itemWidth:.75,style:{height:'300px'}});SlideShow.addEvent('startScroll',function(){if(this._hint)this._hint.fx.start({opacity:0})}.bind(SlideShow));SlideShow.addEvent('stopScroll',function(){if(!this._hint){this._hint=new Element('div').injectAfter(SlideShow._elem.getParent());this._hint.fx=new Fx.Styles(this._hint,{duration:(this.options.duration/2).toInt(),wait:false}).set({opacity:0})}this._hint.setHTML(App.getHTML('<div class="slideshow-hint"><div><div><a href="${href}">${html}</a></div></div></div>',this._current));this._hint.fx.start({opacity:1})}.bind(SlideShow));