/*
 * FeatureList - simple and easy creation of an interactive "Featured Items" widget
 * Examples and documentation at: http://jqueryglobe.com/article/feature_list/
 * Version: 1.0.0 (01/09/2009)
 * Copyright (c) 2009 jQueryGlobe
 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
 * Requires: jQuery v1.3+
*/
;(function($) {
    $.fn.featureList = function(options) {
        var tabs = $(this);
        var output = $(options.output);

        new jQuery.featureList(tabs, output, options);

        return this;
    };

    $.featureList = function(tabs, output, options) {
        function slide(nr) {
            if (typeof nr == "undefined") {
                nr = visible_item + 1;
                nr = nr >= total_items ? 0 : nr;
            }

            tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');
            output.filter(":eq(" + nr + ")").css({ 'display': 'block', 'z-index': 1 }).find("div").css({ opacity: 0.0, height: '1px' });
            output.filter(":eq(" + visible_item + ")").css({ 'z-index': 2 }).fadeOut(function() {
                output.filter(":eq(" + nr + ")").find("div").animate({ opacity: 0.7 }, 100).animate({ height: '90px' }, { queue: true, duration: 500 });
                output.filter(":eq(" + visible_item + ")").css({ 'display': 'none'});
                visible_item = nr;
            });
        }

        var options = options || {};
        var total_items = tabs.length;
        var visible_item = options.start_item || 0;

        options.pause_on_hover = options.pause_on_hover || true;
        options.transition_interval = options.transition_interval || 5000;

        output.hide().eq(visible_item).show();
        tabs.eq(visible_item).addClass('current');

        tabs.click(function() {
            if ($(this).hasClass('current')) {
                return false;
            }

            slide(tabs.index(this));
        });

        if (options.transition_interval > 0) {
            output.eq(visible_item).css({ 'z-index': 2 });
            output.eq(visible_item).find("div").css({ opacity: 0.0, height: '1px' });
            output.eq(visible_item).find("div").animate({ opacity: 0.7 }, 100).animate({ height: '90px' }, { queue: true, duration: 300 });

            var timer = setInterval(function() {
                slide();
            }, options.transition_interval);

            if (options.pause_on_hover) {
                tabs.mouseenter(function() {
                    clearInterval(timer);

                }).mouseleave(function() {
                    clearInterval(timer);
                    timer = setInterval(function() {
                        slide();
                    }, options.transition_interval);
                });
            }
        }
    };
})(jQuery);