var BigPromo_class=new Class({Class:'BigPromo_class',banner:{},banner_place:{},pages:[],active_page_key:0,TimerChangePage:null,TimerStartSlideShow:null,_navigator_left:null,_navigator_right:null,options:{periodSlideShow:5000,delayAfterClick:120000,paginator:true,navigator:false,tpl:'{var count=0}\r\n<ul class=\"r-border items\" name=\"images\">\r\n{for page in pages}\r\n\t{if !count}\r\n\t\t<li class=\"active\">\r\n\t\t\t<a href=\"${page.url}\">\r\n\t\t\t\t<img src=\"${page.src}\" width=\"${page.width}\" height=\"${page.height}\" alt=\"${page.alt}\" \/>\r\n\t\t\t\t<i class=\"cn lt\"><\/i><i class=\"cn rt\"><\/i><i class=\"cn lb\"><\/i><i class=\"cn rb\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t<\/li>\t\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<div class=\"pages\" name=\"pages\">\r\n<table><tr>\r\n{var color_table = [\u0027red\u0027,\u0027blue\u0027,\u0027orange\u0027,\u0027green\u0027]}\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<td class=\"${color_table[count_pages%4]} active\"><a href=\"#\">${count_pages}<\/a><\/td>\r\n\t\t{else}\r\n\t\t\t<td class=\"${color_table[count_pages%4]}\"><a href=\"#\">${count_pages}<\/a><\/td>\r\n\t\t{\/if}\r\n\t\t{var count_pages=count_pages+1}\r\n\t{\/for}\r\n{\/if}\r\n<\/tr><\/table>\r\n<\/div>\r',image_selector:'ul[name=images] li',pages:'div[name=pages] td',navigator_ids:{left:'navigator_left',right:'navigator_right'},navigator_circle:true},initialize:function(id_banner_place,banner){if(banner){this.banner=banner;this.banner_place=$(id_banner_place)}},init:function(){this.banner_place.setHTML(App.getHTML(this.options.tpl,this.banner));this.images=this.banner_place.getElements(this.options.image_selector);if(this.options.paginator){this.activePaginator()}if(this.options.navigator){this.activeNavigator()}this.startSlideShow()},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.pages=this.banner_place.getElements(this.options.pages);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)},changePage:function(){if(this.images.length>this.active_page_key+1){this.setActivePage(this.active_page_key+1)}else{this.setActivePage(0)}},setActivePage:function(key){if(this.active_page_key!=key){this.images.each(function(item,item_key){if(item_key!=key){item.removeClass('active')}else{item.addClass('active')}}.bind(this));if(this.options.paginator){this.images.each(function(item,item_key){if(item_key!=key){this.pages[item_key].removeClass('active')}else{this.pages[item_key].addClass('active')}}.bind(this))}this.active_page_key=key}},nextActivePage:function(e){var event=new Event(e).stop();if(this.TimerStartSlideShow)$clear(this.TimerStartSlideShow);this.stopSlideShow();this.changePage();this.TimerStartSlideShow=this.startSlideShow.delay(this.options.delayAfterClick,this)},prevActivePage:function(e){var event=new Event(e).stop();if(this.TimerStartSlideShow)$clear(this.TimerStartSlideShow);this.stopSlideShow();if(this.active_page_key-1<0){this.setActivePage(this.images.length-1)}else{this.setActivePage(this.active_page_key-1)}this.TimerStartSlideShow=this.startSlideShow.delay(this.options.delayAfterClick,this)},activeNavigator:function(){if(this._navigator_left)this._navigator_left.removeEvent('click');if(this._navigator_right)this._navigator_right.removeEvent('click');this._navigator_left=$(this.options.navigator_ids.left);this._navigator_right=$(this.options.navigator_ids.right);this._navigator_left.addEvent('click',this.prevActivePage.bindWithEvent(this));this._navigator_right.addEvent('click',this.nextActivePage.bindWithEvent(this))}});BigPromo_class.implement(new Options);