/*
 * 	loopedSlider 0.5.1 - jQuery plugin
 *	written by Nathan Searles	
 *	http://nathansearles.com/loopedslider/
 *
 *	Copyright (c) 2009 Nathan Searles (http://nathansearles.com/)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */

/*
 *	markup example for $("#loopedSlider").loopedSlider();
 *
 *	<div id="loopedSlider">	
 *		<div class="container">
 *			<div class="slides">
 *				<div><img src="01.jpg" alt="" /></div>
 *				<div><img src="02.jpg" alt="" /></div>
 *				<div><img src="03.jpg" alt="" /></div>
 *				<div><img src="04.jpg" alt="" /></div>
 *			</div>
 *		</div>
 *		<a href="#" class="previous">previous</a>
 *		<a href="#" class="next">next</a>
 *		<ul class="pagination">
 *			<li><a href="#">1</a></li>
 *			<li><a href="#">2</a></li>
 *			<li><a href="#">3</a></li>
 *			<li><a href="#">4</a></li>
 *		</ul>	
 *	</div>
 *
*/

(function($) {
	$.fn.loopedSlider = function(options) {
		
	var defaults = {			
		container: '.container',
		slides: '.slides',
		pagination: '.pagination',
		containerClick: false, // Click container for next slide
		containerHover: true, // Over for pause the slide
		autoStart: 5000, // Set to positive number for auto interval and interval time
		slidespeed: 300, // Speed of slide animation
		fadespeed: 300, // Speed of fade animation
		autoHeight: false // Set to positive number for auto height and animation speed
	};
		
	this.each(function() {
		
		var obj = $(this);
		var o = $.extend(defaults, options);
		var pagination = $(o.pagination+' li>a',obj);
		var m = 0, t = 1;
		var s = $(o.slides,obj).children().size();
		var w = $(o.slides,obj).children().outerWidth();
		var p = 0, u = false, n = 0;
		var slideobjs = $(o.slides,obj), sliderIntervalID, autoStart = o.autoStart, playbutton=$('a.play',obj), pausebutton=$('a.pause',obj);
		
		slideobjs.css({width:(s*w)});
		
		slideobjs.children().each(function(){
			$(this).css({position:'absolute',left:p,display:'block'});
			p=p+w;
		});
		
		$(pagination,obj).each(function(){
			n=n+1;
			$(this).attr('rel',n);
			$(pagination.eq(0),obj).parent().addClass('active');
		});
		
		slideobjs.children(':eq('+(s-1)+')').css({position:'absolute',left:-w});
		
		if(o.autoHeight){autoHeight(t);}
		
		function controlButton(){
			if(playbutton.length && pausebutton.length){
				if (autoStart){
					playbutton.hide();
					pausebutton.show();
				}else{
					playbutton.show();
					pausebutton.hide();
				}
			}
		}
				
		playbutton.click(function(){
			autoStart=o.autoStart;
			animate('next',true);
			autoPlay(); controlButton();
			return false;
		});
		
		pausebutton.click(function(){
			autoStart=0; controlButton();
			if(autoStart){clearInterval(sliderIntervalID);autoPlay()}
			return false;
		});
		
		controlButton();
		
		$('.next',obj).click(function(){
			if(u===false) {
				if(autoStart){clearInterval(sliderIntervalID);autoPlay()}
				animate('next',true);
			} return false;
		});
		
		$('.previous',obj).click(function(){
			if(u===false) {	
				if(autoStart){clearInterval(sliderIntervalID);autoPlay()}
				animate('prev',true);
			} return false;
		});
		
		if (o.containerClick) {
			$(o.container ,obj).click(function(){
				if(u===false) {
					if(autoStart){clearInterval(sliderIntervalID);}
					animate('next',true);
				} return false;
			});
		}
		
		if (o.containerHover){
			$(o.container, obj).hover(
				function(){
					if(autoStart){clearInterval(sliderIntervalID)}
					autoStart=0;
				},
				function(){
					autoStart=o.autoStart;
					if(autoStart){autoPlay()}
				}
			);
		}
		
		$(pagination,obj).click(function(){
			if ($(this).parent().hasClass('active')) {return false;}
			else {
				t = $(this).attr('rel');
				$(pagination,obj).parent().siblings().removeClass('active');
				$(this).parent().addClass('active');
				animate('fade',t);
				if(autoStart){clearInterval(sliderIntervalID);}
			} return false;
		});
		
		if(autoStart){autoPlay()}
		
		function autoPlay(){
			sliderIntervalID = setInterval(function(){
				if(u===false) {animate('next',true)}
			}, autoStart)		
		}
		
		function current(t) {
			if(t===s+1){t=1;}
			if(t===0){t=s;}
			$(pagination,obj).parent().siblings().removeClass('active');
			$(pagination+'[rel="' + (t) + '"]',obj).parent().addClass('active');
		};
		
		function autoHeight(t) {
			if(t===s+1){t=1;}
			if(t===0){t=s;}	
			var getHeight = slideobjs.children(':eq('+(t-1)+')',obj).outerHeight();
			$(o.container,obj).animate({height: getHeight},o.autoHeight);					
		};		
		
		function animate(dir,clicked){	
			u = true;	
			switch(dir){
				case 'next':
					t = t+1;
					m = (-(t*w-w));
					current(t);
					if(o.autoHeight){autoHeight(t);}
					slideobjs.animate({left: m}, o.slidespeed,function(){
						if (t===s+1) {
							t = 1;
							slideobjs.css({left:0},function(){slideobjs.animate({left:m})});							
							slideobjs.children(':eq(0)').css({left: 0});
							slideobjs.children(':eq('+(s-1)+')').css({ position:'absolute',left:-w});				
						}
						if (t===s) slideobjs.children(':eq(0)').css({left:(s*w)});
						if (t===s-1) slideobjs.children(':eq('+(s-1)+')').css({left:s*w-w});
						u = false;
					});					
					break; 
				case 'prev':
					t = t-1;
					m = (-(t*w-w));
					current(t);
					if(o.autoHeight){autoHeight(t);}
					slideobjs.animate({left: m}, o.slidespeed,function(){
						if (t===0) {
							t = s;
							slideobjs.children(':eq('+(s-1)+')').css({position:'absolute',left:(s*w-w)});
							slideobjs.css({left: -(s*w-w)});
							slideobjs.children(':eq(0)').css({left:(s*w)});
						}
						if (t===2 ) slideobjs.children(':eq(0)').css({position:'absolute',left:0});
						if (t===1) slideobjs.children(':eq('+ (s-1) +')').css({position:'absolute',left:-w});
						u = false;
					});
					break;
				case 'fade':
					t = [t]*1;
					m = (-(t*w-w));
					current(t);
					if(o.autoHeight){autoHeight(t);}
					slideobjs.children().fadeOut(o.fadespeed, function(){
						slideobjs.css({left: m});
						slideobjs.children(':eq('+(s-1)+')').css({left:s*w-w});
						slideobjs.children(':eq(0)').css({left:0});
						if(t===s){slideobjs.children(':eq(0)').css({left:(s*w)});}
						if(t===1){slideobjs.children(':eq('+(s-1)+')').css({ position:'absolute',left:-w});}
						slideobjs.children().fadeIn(o.fadespeed);
						u = false;
					});
					break; 
				default:
					break;
				}					
			};
		});
	};
})(jQuery);