var banners = ['banner-altise.jpg', 'banner-ataras.jpg', 'banner-atarasl.jpg', 'banner-atarasx.jpg', 'banner-hybrid.jpg', 'banner-lhybrid.jpg'];

var slide;

var Tom = {
  wrap:function(n,c){if(n<0){return(n%c)+c;}else{return(n%c);}}
}

$(function() {
  slide = new Slide(banners, $('#interactive'), '/showroom/passenger/camry/');
  $('.left').bind ('click', function() { slide.prev() } );
  $('.right').bind ('click', function() { slide.next() } );
});

var Slide = function (images, div, base) {
  var self = this;
  this.base = base || '/';
  this.images = images;
  this.div = div;
  this.idx = 0;
  for ( var i in self.images ) { 
    $( '<img src="' + base + self.images[i] + '" class="slide" alt="" />' ).appendTo(this.div);   
  }
  this.imgs = this.div.find('img.slide');
  this.imgs.eq(0).show();
  
  this.update = function () {
    this.imgs.hide().eq(self.idx).show();
  }

  this.next = function() {
    self.inc_idx(1);
  }

  this.prev = function() {
    self.inc_idx(-1);
  }

  this.set = function(to) {
    self.idx = Tom.wrap(to, self.images.length); 
    self.update();
  }

  this.inc_idx = function(a) {
    self.idx = Tom.wrap(self.idx + a, self.images.length);
    self.update();
  }

  return this;
}