/*************************************************
*
*  project:    liteAccordion - horizontal accordion plugin for jQuery
*  author:     Nicola Hibbert
*  url:      http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion
*
*  Version:    1.1.3
*  Copyright:   (c) 2010-2011 Nicola Hibbert
*
/*************************************************/
;(function($) {
  
  $.fn.liteAccordion = function(options) {
    
    // defaults
    var defaults = {
      containerWidth : 960,
      containerHeight : 320,
      headerWidth : 48,
      
      firstSlide : 1, 
      onActivate : function() {},
      slideSpeed : 800,
      slideCallback : function() {},      
      
      autoPlay : false,
      pauseOnHover : false, 
      cycleSpeed : 6000,

      theme : 'basic', // basic, light*, dark, stitch*
      rounded : false,
      enumerateSlides : false
    },
    
    // merge defaults with options in new settings object        
    settings = $.extend({}, defaults, options),
    
    // define key variables
    $accordion = this,
    $slides = $accordion.find('li'),
    slideLen = $slides.length,
    slideWidth = settings.containerWidth - (slideLen * settings.headerWidth),
    $header = $slides.children('h2'),
    
    // core utility and animation methods
    utils = {
      getGroup : function(pos, index) {    
        if (this.offsetLeft === pos.left) {
          return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth });
        } else if (this.offsetLeft === pos.right) {
          return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) });  
        }           
      },
      nextSlide : function(slideIndex) {
        var slide = slideIndex + 1 || settings.firstSlide;

        // get index of next slide
        return function() {
          return slide++ % slideLen;
        }
      },
      play : function(slideIndex) {
        var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure
        start = function() {
          $header.eq(getNext()).click();
        };
        
        utils.playing = setInterval(start, settings.cycleSpeed);      
      },
      pause : function() {
        clearInterval(utils.playing);
      },
      playing : 0,
      sentinel : false
    };    
    
    // set container heights, widths, theme & corner style
    $accordion
    .height(settings.containerHeight)
    .width(settings.containerWidth)
    .addClass(settings.theme)
    .addClass(settings.rounded && 'rounded');
    
    // set tab width, height and selected class
    $header
    .width(settings.containerHeight)
    .height(settings.headerWidth)
    .eq(settings.firstSlide - 1).addClass('selected');
    
    // ie :(
    if ($.browser.msie) {
      if ($.browser.version.substr(0,1) > 8) {
        $header.css('filter', 'none');
      } else if ($.browser.version.substr(0,1) < 7) {
        return false;
      }
    }
    
    // set initial positions for each slide
    $header.each(function(index) {
      var $this = $(this),
      left = index * settings.headerWidth;
      
      if (index >= settings.firstSlide) left += slideWidth;
      
      $this
      .css('left', left)
      .next()
      .width(slideWidth)
      .css({ left : left, paddingLeft : settings.headerWidth });
      
      // add number to bottom of tab
      settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');      

    });  
    
    // bind event handler for activating slides
    $header.click(function(e) {
      var $this = $(this),
      index = $header.index($this),
      $next = $this.next(),
      pos = {
        left : index * settings.headerWidth,
        right : index * settings.headerWidth + slideWidth,
        newPos : 0
      }, 
      $group = utils.getGroup.call(this, pos, index);
      
      // set animation direction
      if (this.offsetLeft === pos.left) {
        pos.newPos = slideWidth;
      } else if (this.offsetLeft === pos.right) {
        pos.newPos = -slideWidth;
      }
      
      // check if animation in progress
      if (!$header.is(':animated')) {

        // activate onclick callback with slide div as context    
        if (e.originalEvent) {
          if (utils.sentinel === this) return false;
          settings.onActivate.call($next);
          utils.sentinel = this;
        } else {
          settings.onActivate.call($next);
          utils.sentinel = false;
        }

        // remove, then add selected class
        $header.removeClass('selected').filter($this).addClass('selected');
        
        // get group of tabs & animate      
        $group
        .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) })
        .next()
        .animate({ left : '+=' + pos.newPos }, settings.slideSpeed);
        
      }
    });
    
    // pause on hover      
    if (settings.pauseOnHover) {
      $accordion.hover(function() {
        utils.pause();
      }, function() {
        utils.play($header.index($header.filter('.selected')));
      });
    }
    
    // start autoplay, call utils with no args = start from firstSlide
    settings.autoPlay && utils.play();
    
    return $accordion;
    
  };
  
})(jQuery);