var ElementSlider = Class.create();

ElementSlider.prototype = {
  initialize: function( container_element, item_element, back_button_element, forward_button_element ) {
   	this.items = $( container_element ).select( item_element ).toArray();
	this.el = this.items[0];

  	this.back_button_element = back_button_element;
  	this.forward_button_element = forward_button_element;

  	this.observeBackButton();
  	this.observeForwardButton();
  },

  observeBackButton: function() {
  	Event.observe( this.back_button_element, 'click', this.moveBack.bindAsEventListener(this), false);
  },
	
  observeForwardButton: function() {
  	Event.observe( this.forward_button_element, 'click', this.moveForward.bindAsEventListener(this), false );
  },

  moveBack: function(forward) {
  	this.el.hide();
	this.el.previous() ? (this.el = this.el.previous()).show() : (this.el = this.items.last()).show();
  },
  
  moveForward: function() {
  	this.el.hide();
  	this.el.next() ? (this.el = this.el.next()).show() : (this.el = this.items.first()).show();
  }
}