/*
 Title:		jShowOff: a jQuery Content Rotator Plugin
 Author:		Erik Kallevig
 Version:	0.1.2
 Website:	http://ekallevig.com/jshowoff
 License: 	Dual licensed under the MIT and GPL licenses.
 */
(function($){
    $.fn.jshowoff = function(settings){
        var config = {
            animatePause: true,
            autoPlay: true,
            changeSpeed: 600,
            controls: true,
            controlText: {
                play: 'Play',
                pause: 'Pause',
                next: 'Next',
                previous: 'Previous'
            },
            effect: 'fade',
            hoverPause: true,
            links: true,
            speed: 3000
        };
        if (settings) 
            $.extend(true, config, settings);
        if (config.speed < (config.changeSpeed + 20)) {
            alert('jShowOff: Make speed at least 20ms longer than changeSpeed; the fades aren\'t always right on time.');
            return this;
        };
        this.each(function(i){
            var $cont = $(this);
            var gallery = $(this).children().remove();
            var timer = '';
            var counter = 0;
            var preloadedImg = [];
            var howManyInstances = $('.jshowoff').length + 1;
            var uniqueClass = 'jshowoff-' + howManyInstances;
            var cssClass = config.cssClass != undefined ? config.cssClass : '';
            $cont.css('position', 'relative').wrap('<div class="jshowoff ' + uniqueClass + '" />');
            var $wrap = $('.' + uniqueClass);
            $wrap.css('position', 'relative').addClass(cssClass);
            $(gallery[0]).clone().appendTo($cont);
            preloadImg();
            if (config.controls) {
                addControls();
                if (config.autoPlay == false) {
                    $('.' + uniqueClass + '-play').addClass(uniqueClass + '-paused jshowoff-paused').text(config.controlText.play);
                };
                            };
            if (config.links) {
                addSlideLinks();
                $('.' + uniqueClass + '-slidelinks a').eq(0).addClass(uniqueClass + '-active jshowoff-active');
            };
            if (config.hoverPause) {
                $cont.hover(function(){
                    if (isPlaying()) 
                        pause('hover');
                }, function(){
                    if (isPlaying()) 
                        play('hover');
                });
            };
            if (config.autoPlay && gallery.length > 1) {
                timer = setInterval(function(){
                    play();
                }, config.speed);
            };
            if (gallery.length < 1) {
                $('.' + uniqueClass).append('<p>For jShowOff to work, the container element must have child elements.</p>');
            };
            function transitionTo(gallery, index){
                var oldCounter = counter;
                if ((counter >= gallery.length) || (index >= gallery.length)) {
                    counter = 0;
                    var e2b = true;
                }
                else 
                    if ((counter < 0) || (index < 0)) {
                        counter = gallery.length - 1;
                        var b2e = true;
                    }
                    else {
                        counter = index;
                    }
                if (config.effect == 'slideLeft') {
                    var newSlideDir, oldSlideDir;
                    function slideDir(dir){
                        newSlideDir = dir == 'right' ? 'left' : 'right';
                        oldSlideDir = dir == 'left' ? 'left' : 'right';
                    };
                    counter >= oldCounter ? slideDir('left') : slideDir('right');
                    $(gallery[counter]).clone().appendTo($cont).slideIt({
                        direction: newSlideDir,
                        changeSpeed: config.changeSpeed
                    });
                    if ($cont.children().length > 1) {
                        $cont.children().eq(0).css('position', 'absolute').slideIt({
                            direction: oldSlideDir,
                            showHide: 'hide',
                            changeSpeed: config.changeSpeed
                        }, function(){
                            $(this).remove();
                        });
                    };
                                    }
                else 
                    if (config.effect == 'fade') {
                        $(gallery[counter]).clone().appendTo($cont).hide().fadeIn(config.changeSpeed, function(){
                            if ($.browser.msie) 
                                this.style.removeAttribute('filter');
                        });
                        if ($cont.children().length > 1) {
                            $cont.children().eq(0).css('position', 'absolute').fadeOut(config.changeSpeed, function(){
                                $(this).remove();
                            });
                        };
                                            }
                    else 
                        if (config.effect == 'none') {
                            $(gallery[counter]).clone().appendTo($cont);
                            if ($cont.children().length > 1) {
                                $cont.children().eq(0).css('position', 'absolute').remove();
                            };
                                                    };
                if (config.links) {
                    $('.' + uniqueClass + '-active').removeClass(uniqueClass + '-active jshowoff-active');
                    $('.' + uniqueClass + '-slidelinks a').eq(counter).addClass(uniqueClass + '-active jshowoff-active');
                };
                            };
            function isPlaying(){
                return $('.' + uniqueClass + '-play').hasClass('jshowoff-paused') ? false : true;
            };
            function play(src){
                if (!isBusy()) {
                    counter++;
                    transitionTo(gallery, counter);
                    if (src == 'hover' || !isPlaying()) {
                        timer = setInterval(function(){
                            play();
                        }, config.speed);
                    }
                    if (!isPlaying()) {
                        $('.' + uniqueClass + '-play').text(config.controlText.pause).removeClass('jshowoff-paused ' + uniqueClass + '-paused');
                    }
                };
                            };
            function pause(src){
                clearInterval(timer);
                if (!src || src == 'playBtn') 
                    $('.' + uniqueClass + '-play').text(config.controlText.play).addClass('jshowoff-paused ' + uniqueClass + '-paused');
                if (config.animatePause && src == 'playBtn') {
                    $('<p class="' + uniqueClass + '-pausetext jshowoff-pausetext">' + config.controlText.pause + '</p>').css({
                        fontSize: '62%',
                        textAlign: 'center',
                        position: 'absolute',
                        top: '40%',
                        lineHeight: '100%',
                        width: '100%'
                    }).appendTo($wrap).addClass(uniqueClass + 'pauseText').animate({
                        fontSize: '600%',
                        top: '30%',
                        opacity: 0
                    }, {
                        duration: 500,
                        complete: function(){
                            $(this).remove();
                        }
                    });
                }
            };
            function next(){
                goToAndPause(counter + 1);
            };
            function previous(){
                goToAndPause(counter - 1);
            };
            function isBusy(){
                return $cont.children().length > 1 ? true : false;
            };
            function goToAndPause(index){
                $cont.children().stop(true, true);
                if ((counter != index) || ((counter == index) && isBusy())) {
                    if (isBusy()) 
                        $cont.children().eq(0).remove();
                    transitionTo(gallery, index);
                    pause();
                };
                            };
            function preloadImg(){
                $(gallery).each(function(i){
                    $(this).find('img').each(function(i){
                        preloadedImg[i] = $('<img>').attr('src', $(this).attr('src'));
                    });
                });
            };
            function addControls(){
                $wrap.append('<p class="jshowoff-controls ' + uniqueClass + '-controls"><a class="jshowoff-play ' + uniqueClass + '-play" href="#null">' + config.controlText.pause + '</a> <a class="jshowoff-prev ' + uniqueClass + '-prev" href="#null">' + config.controlText.previous + '</a> <a class="jshowoff-next ' + uniqueClass + '-next" href="#null">' + config.controlText.next + '</a></p>');
                $('.' + uniqueClass + '-controls a').each(function(){
                    if ($(this).hasClass('jshowoff-play')) 
                        $(this).click(function(){
                            isPlaying() ? pause('playBtn') : play();
                            return false;
                        });
                    if ($(this).hasClass('jshowoff-prev')) 
                        $(this).click(function(){
                            previous();
                            return false;
                        });
                    if ($(this).hasClass('jshowoff-next')) 
                        $(this).click(function(){
                            next();
                            return false;
                        });
                });
            };
            function addSlideLinks(){
                $wrap.append('<p class="jshowoff-slidelinks ' + uniqueClass + '-slidelinks"></p>');
                $.each(gallery, function(i, val){
                    var linktext = $(this).attr('title') != '' ? $(this).attr('title') : i + 1;
                    $('<a class="jshowoff-slidelink-' + i + ' ' + uniqueClass + '-slidelink-' + i + '" href="#null">' + linktext + '</a>').bind('click', {
                        index: i
                    }, function(e){
                        goToAndPause(e.data.index);
                        return false;
                    }).appendTo('.' + uniqueClass + '-slidelinks');
                });
            };
                    });
        return this;
    };
})(jQuery);
(function($){
    $.fn.slideIt = function(settings, callback){
        var config = {
            direction: 'left',
            showHide: 'show',
            changeSpeed: 600
        };
        if (settings) 
            $.extend(config, settings);
        this.each(function(i){
            $(this).css({
                left: 'auto',
                right: 'auto',
                top: 'auto',
                bottom: 'auto'
            });
            var measurement = (config.direction == 'left') || (config.direction == 'right') ? $(this).outerWidth() : $(this).outerHeight();
            var startStyle = {};
            startStyle['position'] = $(this).css('position') == 'static' ? 'relative' : $(this).css('position');
            startStyle[config.direction] = (config.showHide == 'show') ? '-' + measurement + 'px' : 0;
            var endStyle = {};
            endStyle[config.direction] = config.showHide == 'show' ? 0 : '-' + measurement + 'px';
            $(this).css(startStyle).animate(endStyle, config.changeSpeed, callback);
        });
        return this;
    };
})(jQuery);