var AdsDetailsImages=Class.create();AdsDetailsImages.prototype={initialize:function(previous,next,imgPages,photosContainer,thumbsContainer,photosContainerToHide,descContainer,descContainerToHide){this.previous=previous;if(!previous)return;this.next=next;if(!next)return;this.imgPages=imgPages;if(!imgPages)return;this.photosContainer=photosContainer;if(!photosContainer)return;this.thumbsContainer=thumbsContainer;if(!thumbsContainer)return;this.photosContainerToHide=photosContainerToHide;this.descContainer=descContainer;this.descContainerToHide=descContainerToHide;this.THUMBS_PER_PAGE=6;this.curPage=0;this.photos=this.photosContainer.getElementsByClassName('photo');this.thumbs=this.thumbsContainer.getElementsByClassName('thumb');if(this.descContainer)this.descs=this.descContainer.getElementsByClassName('desc');if(this.thumbs.length>1)this.previous.removeClassName('hideJs');if(this.thumbs.length>1)this.next.removeClassName('hideJs');this.previous.thumbs=this.thumbs;this.next.thumbs=this.thumbs;this.previous.AdsDetailsImages=this;Event.observe(this.previous,'click',function(ev){Event.stop(ev);this.AdsDetailsImages.prevImage(this);});this.next.AdsDetailsImages=this;Event.observe(this.next,'click',function(ev){Event.stop(ev);this.AdsDetailsImages.nextImage(this);});this.nbThumbs=0;for(var i=0;i<this.photos.length;i++){var photo=$(this.photos[i]);var thumb=$(this.thumbs[i]);if(this.descContainer)var desc=$(this.descs[i]);if(photo&&thumb){if(i==0)photo.removeClassName('noneJs');if(i==0)thumb.addClassName('activate');if(i==0&&this.descContainer)desc.removeClassName('noneJs');thumb.removeClassName('noneJs');this.nbThumbs++;thumb.photo=photo;if(this.descContainer)thumb.desc=desc;thumb.page=Math.ceil(this.nbThumbs/this.THUMBS_PER_PAGE);thumb.AdsDetailsImages=this;Event.observe(thumb,'click',function(ev){Event.stop(ev);thumb.AdsDetailsImages.clickImage(this);});}}
this.nbPages=Math.ceil(this.nbThumbs/this.THUMBS_PER_PAGE);var pagesHtml='';if(this.nbPages>1){for(var i=0;i<this.nbPages;i++)pagesHtml+='<a href="#" class="page">'+(i+1)+'</a>&nbsp;'}else{this.imgPages.style.display='none';}
this.imgPages.innerHTML=pagesHtml;this.pages=this.imgPages.select('a.page');for(var i=0;i<this.pages.length;i++){var page=$(this.pages[i]);page.num=i+1;page.AdsDetailsImages=this;Event.observe(page,'click',function(ev){Event.stop(ev);this.AdsDetailsImages.clickPage(this.num);});}
this.clickPage(1);},clickPage:function(page){if(this.curPage==page)return;for(var i=0;i<this.thumbs.length;i++){var thumb=$(this.thumbs[i]);if(thumb){if(i>=(page-1)*this.THUMBS_PER_PAGE&&i<page*this.THUMBS_PER_PAGE){thumb.removeClassName('noneJs');}else{thumb.addClassName('noneJs');}}}
for(var i=0;i<this.pages.length;i++){var pLink=$(this.pages[i]);if(i+1==page){pLink.addClassName('activate');}else{pLink.removeClassName('activate');}}
var activateImgPage=(page>this.curPage)?this.THUMBS_PER_PAGE*(page-1):this.THUMBS_PER_PAGE*(page-1)+this.THUMBS_PER_PAGE-1;this.curPage=page;this.clickImage($(this.thumbs[activateImgPage]));},clickImage:function(img){for(var i=0;i<this.photos.length;i++){var photo=$(this.photos[i]);var thumb=$(this.thumbs[i]);if(this.descContainer)var desc=$(this.descs[i]);thumb.removeClassName('activate');photo.addClassName('noneJs');if(this.descContainer)desc.addClassName('noneJs')}
img.photo.removeClassName('noneJs');img.addClassName('activate');if(this.descContainer)img.desc.removeClassName('noneJs');this.clickPage(img.page);if(this.photosContainerToHide){this.photosContainerToHide.addClassName('noneJs');this.photosContainer.removeClassName('noneJs');}
if(this.descContainerToHide){this.descContainerToHide.addClassName('noneJs');this.descContainer.removeClassName('noneJs');}},prevImage:function(prevBtn){for(var i=0;i<this.thumbs.length;i++){var thumb=$(this.thumbs[i]);if(thumb.hasClassName('activate')){if(i!=0){thumb.removeClassName('activate');var previousThumb=$(this.thumbs[i-1]);previousThumb.addClassName('activate');this.clickImage(previousThumb);return;}}}},nextImage:function(nextBtn){for(var i=0;i<this.thumbs.length;i++){var thumb=$(this.thumbs[i]);if(thumb.hasClassName('activate')){if(i!=nextBtn.thumbs.length-1){thumb.removeClassName('activate');var nextThumb=$(this.thumbs[i+1]);nextThumb.addClassName('activate');this.clickImage(nextThumb);return;}}}}};