/*************************************************
*
*	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);