var Thumbnails = new Class({
    initialize: function(pathPictureDetail){
        this.index = 0;
        this.pager = 0;
        this.pathPictureDetail = pathPictureDetail;
        this.pictures = new Array();
        var pictures = $('img_thumbnail').getElementsByTagName('img');
        for(i = 0; i < pictures.length; i++) {
          src = pictures[i].src;
          src = src.substring(src.lastIndexOf("/")+1, src.length);
          this.pictures.push(src); 
        }
    },
    display: function (pindex) {
      this.index = pindex;
      $('offre_detail').src = this.pathPictureDetail+"/normal/"+this.pictures[this.index];
      $('offre_zoom').src = this.pathPictureDetail+"/zoom/"+this.pictures[this.index];
      return false;
    },
    prevNextPager : function (sens) {
      var lis = $('img_thumbnail').getElementsByTagName('li');
      if (lis.length > 3){
        for(i = 0; i < lis.length; i++) {
          lis[i].setStyle('display','none');
        }
        this.pager += sens;
        if(this.pager <= 0) {
          this.pager = 0;
          $('thumbnail_prev').setStyle('visibility', 'hidden');
          $('thumbnail_next').setStyle('visibility', 'visible');
        }else if (this.pager >= this.pictures.length/3) {
          this.pager = Math.floor(this.pictures.length/3);
          $('thumbnail_prev').setStyle('visibility', 'visible');
          $('thumbnail_next').setStyle('visibility', 'hidden');
        }else {
          $('thumbnail_prev').setStyle('visibility', 'visible');
          $('thumbnail_next').setStyle('visibility', 'visible');
        }
        if (this.pager+1 >= this.pictures.length/3)
        	$('thumbnail_next').setStyle('visibility', 'hidden');
        	
        for(i = this.pager*3; i < ((this.pager*3)+3) && i < lis.length; i++ ) {
          lis[i].setStyle('display','block');
        }
      }else {
        $('thumbnail_prev').setStyle('visibility', 'hidden');
        $('thumbnail_next').setStyle('visibility', 'hidden');
      }
    }
});


var myThumbnails = null;
window.addEvent('domready', function(){
  myThumbnails = new Thumbnails(pathPictureDetail);
  myThumbnails.prevNextPager(0);
  myThumbnails.display(0);
});