var HomePage = new Class({

  initialize: function() {
    this.swatchBook();
    this.initTabs();
  },

  swatchBook: function() {
    $$("#swatchbook li a span").each(function(span) {
      span
        .onMouseover(function() { this.morph({opacity: 1,duration:'fast'})})
        .onMouseout(function() { this.morph({opacity: 0,duration:'fast'})});
    });
  },
  
  
  initTabs: function() {
    var tabs = new Tabs('our-work', {
      tabsElement: 'the-tabs',
      loop:        4000,
    });
    
    var prev = $$('#our-work .tab-dots .previous a')[0];
    var next = $$('#our-work .tab-dots .next')[0];
    
    prev.onClick(function(e) { e.stop(); tabs.prev(); });
    next.onClick(function(e) { e.stop(); tabs.next(); });
  }

});


document.on('ready', function() {
  new HomePage().initialize;
});