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:{},styleMouseItem:{}},initialize:function(options){this.setOptions(options)},init:function(){var id=''+$random(0,100000);document.write("<div id='"+id+"'></div>");this._elem=$(id).setStyles($merge({background:'url('+this.options.preloader+') no-repeat 50% 50%'},this.options.style));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,onComplete:this.stopScroll.bind(this),onStart:this.startScroll.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','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])},dimensionsInit:function(){var parentWidth=this._elem.getParent().getSize().size.x;var itemWidth=(parentWidth*this.options.itemWidth).toInt();var offsetWidth=((parentWidth-itemWidth)/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)}});this._scroller.setOptions({offset:{x:-offsetWidth}});this._scroller.set([this._current.elem.getPosition().x-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))},startScroll:function(){this.fireEvent('startScroll');if(this._current)this._current.elem.fx.start(this.options.styleSideItem)},stopScroll: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},onElementClick:function(e,item){this._current!==item?this.toItem(item):location.assign(item.href)}});SlideShow_class.implement(new Options,new Events);var SlideShow=new SlideShow_class({items:[{url:'http://www.artic.ua/images/portfolio/raketa/iphone/visual.jpg',href:'http://www.artic.ua/portfolio/raketa/iphone/',html:'<a href="http://www.artic.ua/portfolio/raketa/iphone/">Дизайн приложения Raketa</a> для iPhone'},{url:'http://www.artic.ua/images/portfolio/owoxengine/visual.jpg',href:'http://www.artic.ua/portfolio/owoxengine/',html:'Промо-сайт <a href="http://www.artic.ua/portfolio/owoxengine/">OWOX Engine</a>'},{url:'http://www.artic.ua/images/portfolio/yandex/visual.png',href:'http://www.artic.ua/portfolio/yandex/',html:'Прототипирование и дизайн <a href="http://www.artic.ua/portfolio/yandex/">формы регистрации на Яндекс.Деньгах</a>'},{url:'http://www.artic.ua/images/portfolio/antilopa/visual.png',href:'http://www.artic.ua/portfolio/antilopa/',html:'Сайт дизайн-студии «<a href="http://www.artic.ua/portfolio/antilopa/">Антилопа</a>»',style:{'background-position':'50% 100%'}},{url:'http://www.artic.ua/images/portfolio/fregat/visual.jpg',href:'http://www.artic.ua/portfolio/fregat/',html:'Корпоративный сайт с веб-каталогом для компании «<a href="http://www.artic.ua/portfolio/fregat/">Фрегат</a>»'},{url:'http://www.artic.ua/images/portfolio/vipinternet/visual.jpg',href:'http://www.artic.ua/portfolio/vipinternet/',html:'Имиджевый промо-сайт в поддержку <a href="http://www.artic.ua/portfolio/vipinternet/">торговой марки VIPinternet</a>'},{url:'http://www.artic.ua/images/portfolio/yukon/visual.jpg',href:'http://www.artic.ua/portfolio/yukon/',html:'Корпоративный сайт <a href="http://www.artic.ua/portfolio/yukon/">группы компаний «Юкон»</a>'},{url:'http://www.artic.ua/images/portfolio/legreto/visual.jpg',href:'http://www.artic.ua/portfolio/legreto/',html:'Веб-каталог стильной обуви <a href="http://www.artic.ua/portfolio/legreto/">LeGreto</a>'},{url:'http://www.artic.ua/images/portfolio/avito/visual.jpg',href:'http://www.artic.ua/portfolio/avito/',html:'Корпоративный сайт <a href="http://www.artic.ua/portfolio/avito/">группы компаний «Авито»</a>'},{url:'http://www.artic.ua/images/portfolio/avitodnepr/visual.jpg',href:'http://www.artic.ua/portfolio/avitodnepr/',html:'Корпоративный сайт «<a href="http://www.artic.ua/portfolio/avitodnepr/">АвитоДнепр</a>»'},{url:'http://www.artic.ua/images/portfolio/tavria/visual.jpg',href:'http://www.artic.ua/portfolio/tavria/',html:'Дизайн-макет промо-сайта <a href="http://www.artic.ua/portfolio/tavria/">торговой марки «Таврия»</a>'},{url:'http://www.artic.ua/images/portfolio/otk/visual.jpg',href:'http://www.artic.ua/portfolio/otk/',html:'Система управления логистикой для «<a href="http://www.artic.ua/portfolio/otk/">Объединенной транспортной компании</a>»'},{url:'http://www.artic.ua/images/portfolio/bilizna/visual.jpg',href:'http://www.artic.ua/portfolio/bilizna/',html:'Веб-каталог <a href="http://www.artic.ua/portfolio/bilizna/">торговой марки «Бiлизна»</a> для компании «Арт Текстиль»'},{url:'http://www.artic.ua/images/portfolio/agrosoyuz/visual.jpg',href:'http://www.artic.ua/portfolio/agrosoyuz/',html:'Реализация программной части для <a href="http://www.artic.ua/portfolio/agrosoyuz/">сайта корпорации «Агро-Союз»</a>'},{url:'http://www.artic.ua/images/portfolio/interpipe/visual.jpg',href:'http://www.artic.ua/portfolio/interpipe/',html:'Реализация программной части <a href="http://www.artic.ua/portfolio/interpipe/">CD-презентации для компании Interpipe</a>'},{url:'http://www.artic.ua/images/portfolio/architector/visual.jpg',href:'http://www.artic.ua/portfolio/architector/',html:'Промо-сайт «<a href="http://www.artic.ua/portfolio/architector/">Архитектор</a>» '}],preloader:'http://www.artic.ua/images/design/main/preloader.gif',style:{cursor:'pointer'},styleMouseItem:{opacity:.9},styleSideItem:{opacity:.7},styleActiveItem:{opacity:1}});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>${html}<\/div><\/div><\/div>',this._current));this._hint.fx.start({opacity:1})}.bind(SlideShow));