// JavaScript Document
/*

Title:		jShowOff: a jQuery Content Rotator Plugin
Author:		Erik Kallevig
Version:	0.1.0
Website:	http://ekallevig.com/jshowoff
License: 	Dual licensed under the MIT and GPL licenses.

*/
(function($){
	$.fn.jshowoff=function(settings){
		var config={
			speed:6000,
			changeSpeed:600,
			controls:true,
			links:true,
			autoPlay:true
		};
		if(settings)$.extend(config,settings);this.each(function(){
			var cont=this;
			var gallery=$(this).children('div').remove();
			var timer='';var counter=0;
			var preloaded=[];
			function start(){
				$(cont).append('<div id="jshowoff"></div>');
				$(gallery[0]).clone().appendTo('#jshowoff');
				preload();if(config.controls){addControls();
				if(config.autoPlay==false){
					$('#jshowoff-play').addClass('jshowoff-paused').text('Play');
			}}
			if(config.links){
				addLinks();
				$('#jshowoff-slidelinks a').eq(0).addClass('jshowoff-active');
			}
			$('<div id="jshowoff-cache"></div>').appendTo(cont);
			$(gallery).each(function(){
				$(this).appendTo($('#jshowoff-cache')).hide();
			});
			if(config.autoPlay&&gallery.length>1){
				timer=setTimeout(function(){play();
			},
				config.speed);
			};
			if(gallery.length<1){
				$('#jshowoff').append('<p>For jShowOff to work, add child <div>\'s to <div id="'+cont.id+'"></p>');
			}};
			function transitionTo(gallery,index){
				if((counter>=gallery.length)||(index>=gallery.length)){
					counter=0;
				}
			else if((counter<0)||(index<0)){
				counter=gallery.length-1;
			}
			else{
				counter=index;
			}
			$(gallery[counter]).clone().appendTo('#jshowoff').hide().fadeIn(config.changeSpeed);
			if($('#jshowoff div').length>1){
				$('#jshowoff div:first').css('position','absolute').fadeOut(config.changeSpeed,
					function(){$(this).remove();
				});
			};
			if(config.links){
				$('#jshowoff-slidelinks a.jshowoff-active').removeClass('jshowoff-active');
				$('#jshowoff-slidelinks a').eq(counter).addClass('jshowoff-active');
			}};
			function addControls(){
				$(cont).append('<p id="jshowoff-controls"><a id="jshowoff-prev" href="#null"></a> <a id="jshowoff-play" href="#null"></a> <a id="jshowoff-next" href="#null"></a></p>');
				$('#jshowoff-controls a').each(function(){
					switch(this.id){case'jshowoff-play':$(this).click(function(){
						updatePlayPause();
						return false;
					});
					break;case'jshowoff-prev':$(this).click(function(){
						previous();
						return false;
					});
					break;case'jshowoff-next':$(this).click(function(){
						next();
						return false;
					});
					break;
				}});
			};
			function updatePlayPause(){
				if(isPlaying()){
					pause();
					$('#jshowoff-play').text('').toggleClass('jshowoff-paused');
				}
				else{play();
					$('#jshowoff-play').text('').toggleClass('jshowoff-paused');
				};
			};
			function isPlaying(){
				if($('#jshowoff-play').hasClass('jshowoff-paused')){
					return false;
				}
				else{return true;
				};
			};
			function play(){
				if(!isBusy()){
					counter++;transitionTo(gallery,counter);
					clearTimeout(timer);
					timer=setTimeout(function(){
					play(gallery);
				},
				config.speed);
			}};
			function pause(){
				clearTimeout(timer);
			};
			function stopit(){
				clearTimeout(timer);
			};
			function next(){
				goToAndPause(counter+1);
			};
			function previous(){
				goToAndPause(counter-1);
			};
			function isBusy(){
				return $('#jshowoff div').length>1?true:false;
			};
			function goToAndPause(index){
				$('#jshowoff div').stop(true);
				stopit();
				$('#jshowoff-play').text('').addClass('jshowoff-paused');
				if((counter!=index)||((counter==index)&&isBusy())){
					if(isBusy())$('#jshowoff div:first').remove();
					transitionTo(gallery,index);
				}};
				function addLinks(){$(cont).append('<p id="jshowoff-slidelinks"></p>');
				$.each(gallery,function(i,val){
					$('<a class="jshowoff-slidelink-'+i+'" href="#null">'+(i+1)+'</a>').bind('click',{
						index:i
					},
					function(e){
						goToAndPause(e.data.index);
						return false;
						}).appendTo('#jshowoff-slidelinks');
					});
				};
				function preload(){
					$(gallery).each(function(i){
					$(this).find('img').each(function(i){
						preloaded[i]=$('<img>').attr('src',$(this).attr('src'));
					});
				});
			};
			start();
		});
			return this;
		};
	})(jQuery);