var BigPromo_class=new Class({Class:'BigPromo_class',banner:{},banner_place:{},active_page_key:0,TimerChangePage:null,TimerStartSlideShow:null,options:{periodSlideShow:5000,delayAfterClick:120000,tpl:'{var count=0}\r\n<ul class=\"items\" name=\"images\">\r\n{for page in pages}\r\n\t{if !count}\r\n\t\t<li class=\"active\"><a href=\"${page.url}\"><img src=\"${page.src}\" width=\"${page.width}\" height=\"${page.height}\" alt=\"${page.alt}\" \/><\/a><\/li>\r\n\t{else}\r\n\t\t<li><a href=\"${page.url}\"><img src=\"${page.src}\" width=\"${page.width}\" height=\"${page.height}\" alt=\"${page.alt}\" \/><\/a><\/li>\r\n\t{\/if}\r\n\t{var count=count+1}\r\n{\/for}\r\n<\/ul>\r\n{var count_pages=1}\r\n<ul class=\"pages\" name=\"pages\">\r\n{if count > 1}\r\n\t{for page in pages}\r\n\t\t{if count_pages == 1}\r\n\t\t\t<li class=\"active\"><a href=\"#\">&nbsp;<\/a><\/li>\r\n\t\t{else}\r\n\t\t\t<li><a href=\"#\">&nbsp;<\/a><\/li>\r\n\t\t{\/if}\r\n\t\t{var count_pages=count_pages+1}\r\n\t{\/for}\r\n{\/if}\r\n<\/ul>'},initialize:function(id_banner_place,banner,place){if(banner){this.banner=banner;this.place=place;this.banner_place=$(id_banner_place);this.banner_place.setHTML(App.getHTML(this.options.tpl,this.banner));this.startSlideShow();this.activePaginator();this.addEventOnImagesClick()}},startSlideShow:function(){if(this.TimerChangePage)$clear(this.TimerChangePage);this.TimerChangePage=this.changePage.periodical(this.options.periodSlideShow,this)},stopSlideShow:function(){$clear(this.TimerChangePage)},activePaginator:function(){this.images=this.banner_place.getElement('ul[name=images]').getElements('li');this.pages=this.banner_place.getElement('ul[name=pages]').getElements('li');this.pages.each(function(item,key){item.addEvent('click',function(e){this.onClickToPage(e,key)}.bind(this))}.bind(this))},onClickToPage:function(e,key){var event=new Event(e).stop();if(this.TimerStartSlideShow)$clear(this.TimerStartSlideShow);this.stopSlideShow();this.setActivePage(key);this.TimerStartSlideShow=this.startSlideShow.delay(this.options.delayAfterClick,this);param=this.getParamFromUrl(this.images[key].getElement("a").getAttribute('href'));App.trackEvent('banners_bigpromo','switch',this.place+' | '+param)},changePage:function(){if(this.pages.length>this.active_page_key+1){this.setActivePage(this.active_page_key+1)}else{this.setActivePage(0)}param=this.getParamFromUrl(this.images[this.active_page_key].getElement("a").getAttribute('href'));App.passiveTrackEvent('banners_bigpromo','passive-switch',this.place+' | '+param)},setActivePage:function(key){if(this.active_page_key!=key){this.images.each(function(item,item_key){if(item_key!=key){item.removeClass('active');this.pages[item_key].removeClass('active')}else{item.addClass('active');this.pages[item_key].addClass('active')}}.bind(this));this.active_page_key=key}},addEventOnImagesClick:function(){this.images.each(function(item,key){item.getElement('a').addEvent('click',function(item){param=this.getParamFromUrl(this.images[key].getElement("a").getAttribute('href'));App.trackEvent('banners_bigpromo','click',this.place+' | '+param)}.bind(this))}.bind(this))},getParamFromUrl:function(url){param=url.match(/utm_campaign=([^&]*)/i);if(param&&param[1]){param=param[1]}else{param=url}return param}});GoodsSuggestion_class.prototype.options.items_tpl='<div class=\"row half\"> {var i=0} {for item in items} {if (i>0) && (i%2==0)} <\/div> <div class=\"row half\"> {\/if} <div class=\"cell item\"> <div class=\"title\">${item.title}<\/div> <div class=\"image\"> <a href=\"${item.href}\"> <div class=\"price\"> ${item.price} <\/div> {if item.old_price>item.price} <div class=\"old_price\"> ${item.old_price} <\/div> {\/if} ${item.image} <\/a> <\/div> <\/div> {var i=i+1} {\/for} <\/div>';GoodsSuggestion_class.prototype.options.randomFrom=4;
