/**
 * jQuery Slidy - A Transition Plugin - http://wbotelhos.com/slidy
 * ---------------------------------------------------------------------------------
 *
 * jQuery Slidy is a plugin that generates a customizable transitions automatically.
 *
 * Licensed under The MIT License
 *
 * @version			0.1
 * @since			11.16.2010
 * @author			Washington Botelho dos Santos
 * @documentation	wbotelhos.com/slidy
 * @twitter			twitter.com/wbotelhos
 * @license			opensource.org/licenses/mit-license.php MIT
 * @package			jQuery Plugins
 *
 * Usage with default values:
 * ---------------------------------------------------------------------------------
 * $('#default').slidy();
 *
 * <div id="default">
 *   <img src="image-1.jpg"/>
 *   <img src="image-2.jpg"/>
 *   <img src="image-3.jpg"/>
 * </div>
 *
 */

;
(function ($) {

    $.fn.slidy = function (settings) {
        var options = $.extend({}, $.fn.slidy.defaults, settings);

        if (this.length == 0) {
            debug('Invalid selector!');
            return;
        } else if (this.length > 1) {
            return this.each(function () {
                $.fn.slidy.apply($(this), [settings]);
            });
        }

        $global = $(this);

        $global.css({
            'cursor': options.cursor,
            'height': options.height + 'px',
            'overflow': 'hidden',
            'position': 'relative',
            'width': options.width + 'px'
        });

        var elements = $global.children(options.children),
            $this = $global,
            timer = 0,
            isAnimate = false;

        elements.each(function (i) {
            $(this).css({
                'position': 'absolute',
                'z-index': elements.length - i
            }).attr('id', $global.attr('id') + '-' + (i + 1)).hide();
        });

//        $global.find('img').attr({
//            height: options.height,
//            width: options.width
//        });

        if (options.children == 'a' && options.target != '') {
            elements.attr('target', options.target);
        }

        elements.first().show().end().find('img').css('border', '0');

        go(elements, options, 0);

        var stop = function () {
            var target = $(this),
                index, last;

            clearTimeout(timer);

            if (target.is('li')) {
                index = target.index();
                last = target.parent().children('.slidy-link-selected').index();
            } else {
                index = $this.next('ul').children('.slidy-link-selected').index();
                last = index;
            }

            if (index != last) {
                target.addClass('slidy-link-selected').parent().children().eq(last).removeClass('slidy-link-selected');

                change(elements, options, index, last);
            }
        },
            start = function () {
                var index = $this.next('ul').children('.slidy-link-selected').index(),
                    isBanner; // Avoid hover the same li again.
                // Is not used element.index() because the delay effect can be select another is not the same of cursor over.
                if (!$(this).is('li')) {
                    isBanner = true;
                }

                go(elements, options, index, isBanner);
            };

        if (options.menu) {
            var imgs = elements.find('img'),
                menu = '',
                target = (options.target != '') ? 'target="' + options.target + '"' : '',
                parent, img;

            var ai = 1;
            imgs.each(function () {
                img = $(this);
                parent = img.parent(options.children);

				if (ai == 4)
					var target = 'target="_blank"';

                menu += '<li class="pos-'+ ai +'"><a href="' + parent.attr(parent.is('a') ? 'href' : 'title') + '" ' + target + '>' + img.attr('title') + '</a></li>';
                ai++;
            });

            $global.after('<ul class="slidy-menu">' + menu + '</ul>');

            var space = parseInt((options.width / imgs.length) + (imgs.length - 1)),
                diff = options.width - (space * imgs.length),
                links = $('ul.slidy-menu').children('li');

            links
//            .css('width', space)
            .hover(stop, start).mousemove(stop) // To fix the delay of the effect and moviment of cursor. Avoid mouseout and mouseover again to change. Overhead?
            .first().addClass('slidy-link-selected').end()
            .last().css({
                'border-right': '0'
//                ,'width': (space + diff) - (imgs.length - 1)
            });
        }

        if (options.pause) {
            $global.hover(stop, start);
        }

        function go(elements, options, index, isBanner) {
            change(elements, options, index, index - 1);

            if (isBanner == undefined) {
                selectMenu(index);
            }

            index = (index < elements.length - 1) ? index + 1 : 0;

            timer = setTimeout(function () {
                go(elements, options, index);
            }, options.time);
        };

        function change(elements, options, index, last) {
            if (!isAnimate) {
                isAnimate = true;

                if (options.animation == 'fade') {
                    elements.eq(last).fadeOut(options.speed);
                    elements.eq(index).fadeIn(options.speed, function () {
                        selectMenu(index);
                        isAnimate = false;
                    });
                } else if (options.animation == 'slide') {
                    elements.css('z-index', 0).eq(index).css('z-index', elements.length).slideDown(options.speed, function () {
                        elements.eq(last).hide();
                        selectMenu(index);
                        isAnimate = false;
                    });
                } else {
                    elements.eq(last).hide();
                    elements.eq(index).show();
                    isAnimate = false;
                }
            }
        };

        function selectMenu(index) {
            $this.next('ul').children().removeClass('slidy-link-selected').eq(index).addClass('slidy-link-selected');
        };

        return $global;
    };

    function debug(message) {
        if (window.console && window.console.log) {
            window.console.log(message);
        }
    };

    $.fn.slidy.defaults = {
        children: 'img',
        cursor: 'default',
        height: 200,
        menu: false,
        pause: false,
        speed: 600,
        target: '',
        time: 3600,
        animation: 'normal',
        width: 500
    };

})(jQuery);