/**
 * jCarouselLite - jQuery plugin to navigate images/any content in a carousel style widget.
 * @requires jQuery v1.2 or above
 *
 * http://gmarwaha.com/jquery/jcarousellite/
 *
 * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Version: 1.0.1
 * Note: Requires jquery 1.2 or above from version 1.0.1
 */


(function($) {                                          // Compliant with jquery.noConflict()
$.fn.jCarouselLite = function(o) {
    o = $.extend({
        auto: null,

        speed: 200,
        easing: null,

        circular: true,
        visible: 3,
        start: 0,
        scroll: 1,

        beforeStart: null,
        afterEnd: null
    }, o || {});

    return this.each(function() {                           // Returns the element collection. Chainable.

        var running = false;
        ul = $('ul',this), tLi = $("li", ul), tl = tLi.size(), v = o.visible;

        if(o.circular) {
            ul.prepend(tLi.slice(tl-v-1+1).clone())
              .append(tLi.slice(0,v).clone());
            o.start += v;
        }

		var li = $("li", this), itemLength = li.size(), curr = o.start;
		
		li.css({
			overflow: "hidden",
			'float': "left"
		});
		
		ul.css({
			margin: "0",
			padding: "0",
			position: "relative",
			"list-style-type": "none",
			"z-index": "1"
		});
		
		$(this).css({
			'visibility':"visible",
			overflow: "hidden",
			position: "relative",
			"z-index": "2",
			left: "0px"
		});

        var liSize = li.width();   // Full li size(incl margin)-Used for animation
        var ulSize = liSize * itemLength;                   // size of full ul(total length, not just for the visible items)
        var divSize = liSize * v;                           // size of entire div(total length for just the visible items)

		li.css({
			width: li.width(),
			height: li.height()
		});
		ul.css('width', ulSize + "px").css('left', -(curr * liSize));

        $(this).css('width', divSize+"px");


        if (o.auto) {
			setInterval(function() {
				go(curr + o.scroll);
			}, o.auto);
		}
		
        function vis() {
            return li.slice(curr).slice(0,v);
        };

        function go(to) {
            if(!running) {

                if(o.beforeStart)
                    o.beforeStart.call(this, vis());

					if(to>=itemLength-v+1) { // If last, then goto first
                        ul.css('left', -( (v) * liSize ) + "px" );
                        // If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements.
                        curr = to==itemLength-v+1 ? v+1 : v+o.scroll;
                    } else curr = to;

                running = true;

				ul.animate({
					left: -(curr * liSize)
				}, o.speed, o.easing, function() {
					running = false;
				});

            }
            return false;
        };
		
    });
};

function css(el, prop) {
    return parseInt($.css(el[0], prop)) || 0;
};


})(jQuery);