/**
 * @author dao
 */
var teamSlider;
var teamTabSwapper;
var pageTitle;

window.addEvent('domready', function(){
  teamSlider = initSlides();
  teamTabSwapper = initTabs();
  pageTitle = $('content').getElement('.pageHeading h1');
});

function initSlides(){

  var selected;
  
  var panel = $('teamTabs');
  var box = $('teamSlideBox');
  var slides = box.getElements('div');
  var previous = panel.getElement('.previous');
  var next = panel.getElement('.next');
  
  var slider = new noobSlide({
    box: box,
    items: slides,
    handles: slides, //  no handles; must click arrow buttons to move
    size: 200,
    interval: 3000,
    fxOptions: {
      duration: 1000,
      transition: Fx.Transitions.Quad.easeInOut,
      wait: false
    },
    startItem: 0,
    addButtons: {
      previous: previous,
      next: next
    },
    onWalk: function(item, handle){
      if (teamTabSwapper) {
        teamTabSwapper.showSection(this.currentIndex);
      }
    }
  });
  
  return slider;
}

function initTabs(){
  var ts = new TabSwapper({
    selectedClass: 'on',
    deselectedClass: 'off',
    tabs: $$('div.tabs .tab'),
    sections: $$('div.panelSet div.panel'),
    initPanel: 0,
    cookieName: null, // no cookies
    smooth: true,
    smoothSize: true
  });
  ts.addEvents({
    onBackground: function(index, section, tab){
      tab.getElement('.imageOn').fade('out');
    },
    onActive: function(index, section, tab){
      tab.getElement('.imageOn').fade('in');
    },
    onActiveAfterFX: function(index, section, tab){
    }
  });
  return ts;
}