var article = new Class({
  initialize: function(container, buttons){
    this.container = $(container);
    this.buttons = $(buttons);
    this.buttons.setStyles({"top": 312, "z-index": 50 });
    this.count = 0;
    this.b = 0;
    this.art = new Array();
    
    this.initButtons();
    this.display();
    this.curr();
  },
  initButtons: function(){
    this.container.getChildren()[0].getChildren().each(function(item, index){
      this.art.push(item);
    }.bind(this));
    
    $("next").addEvent("click",function(e){
      this.next();
      e.stop();
    }.bind(this));
    
    $("prev").addClass("left-disabled");
    $("prev").getFirst().setProperty("href", "");
    $("prev").getFirst().setStyle("cursor", "default");
    $("prev").addEvent("click",function(e){
      this.prev();
      e.stop();
    }.bind(this));
    
    if((this.art.length-1)==0){
      $("next").addClass("right-disabled");
      $("next").getFirst().setProperty("href", "");
      $("next").getFirst().setStyle("cursor", "default");
    }
  },
  prev: function(){
    this.count--;
    if(this.count<=0){
      this.count=0;
      $("prev").addClass("left-disabled");
      $("prev").getFirst().setProperty("href", "");
      $("prev").getFirst().setStyle("cursor", "default");
    }
    if(this.count<(this.art.length-1)){
        $("next").removeClass("right-disabled");
        $("next").getFirst().setProperty("href", "#");
        $("next").getFirst().setStyle("cursor", "pointer");
    }
    this.display();
  },
  next: function(){
    this.count++;
    if(this.count>=this.art.length-1){
      this.count=this.art.length-1;
      $("next").addClass("right-disabled");
      $("next").getFirst().setProperty("href", "");
      $("next").getFirst().setStyle("cursor", "default");
    }
    if(this.count>0){
        $("prev").removeClass("left-disabled");
        $("prev").getFirst().setProperty("href", "#");
        $("prev").getFirst().setStyle("cursor", "pointer");
    }
    this.display();
  },
  display: function(){
    this.art.each(function(item, index){
      if(index >= this.count) item.setStyle("display", "inline");
      else item.setStyle("display", "none");
      if(index == this.count){
        //this.buttons.setStyle("top", -(this.container.getSize().y-item.getChildren("img")[0].getSize().y)+22);
        if(this.b == 0){
          //this.buttons.setStyle("top", this.buttons.getStyle("top").toFloat()-(this.buttons.getCoordinates().top-this.container.getCoordinates().top-312));
          this.b=1;
        };
      }
    }.bind(this));
    this.curr();
  },
  curr: function(){
    $("gallery_pagination").set("html", this.count+1+" of "+(this.art.length));
  }
});