/*

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></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'){
            
            //SPATIE custom
            counterelement = $(gallery[counter]).clone().appendTo($cont).show();
            lazyLoad(counterelement,0);
            
            
            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);