Subversion Repositories SmartDukaan

/*

 * 	loopedSlider 0.5 - jQuery plugin

 *	written by Nathan Searles	

 *	http://code.google.com/p/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: true, // Click container for next slide

		autoStart: 0, // 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;

		var t = 1;

		var s = $(o.slides,obj).children().size();

		var w = $(o.slides,obj).children().outerWidth();

		var p = 0;

		var u = false;

		var n = 0;

		$(o.slides,obj).css({width:(s*w)});

		$(o.slides,obj).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');

		});

		$(o.slides,obj).children(':eq('+(s-1)+')').css({position:'absolute',left:-w});

		if(o.autoHeight){autoHeight(t);}

		$('.next',obj).click(function(){

			if(u===false) {

				animate('next',true);

				if(o.autoStart){clearInterval(sliderIntervalID);}

			} return false;

		});

		$('.previous',obj).click(function(){

			if(u===false) {	

				animate('prev',true);

				if(o.autoStart){clearInterval(sliderIntervalID);}

			} return false;

		});

		if (o.containerClick) {

			$(o.container ,obj).click(function(){

				if(u===false) {

					animate('next',true);

					if(o.autoStart){clearInterval(sliderIntervalID);}

				} return false;

			});

		}

		$(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(o.autoStart){clearInterval(sliderIntervalID);}

			} return false;

		});

		if (o.autoStart) {

			sliderIntervalID = setInterval(function(){

				if(u===false) {animate('next',true);}

			}, o.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 = $(o.slides,obj).children(':eq('+(t-1)+')',obj).outerHeight();

			$('.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);}

					$(o.slides,obj).animate({left: m}, o.slidespeed,function(){

						if (t===s+1) {

							t = 1;

							$(o.slides,obj).css({left:0},function(){$(o.slides,obj).animate({left:m})});							

							$(o.slides,obj).children(':eq(0)').css({left: 0});

							$(o.slides,obj).children(':eq('+(s-1)+')').css({ position:'absolute',left:-w});				

						}

						if (t===s) $(o.slides,obj).children(':eq(0)').css({left:(s*w)});

						if (t===s-1) $(o.slides,obj).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);}

					$(o.slides,obj).animate({left: m}, o.slidespeed,function(){

						if (t===0) {

							t = s;

							$(o.slides,obj).children(':eq('+(s-1)+')').css({position:'absolute',left:(s*w-w)});

							$(o.slides,obj).css({left: -(s*w-w)});

							$(o.slides,obj).children(':eq(0)').css({left:(s*w)});

						}

						if (t===2 ) $(o.slides,obj).children(':eq(0)').css({position:'absolute',left:0});

						if (t===1) $(o.slides,obj).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);}

					$(o.slides,obj).children().fadeOut(o.fadespeed, function(){

						$(o.slides,obj).css({left: m});

						$(o.slides,obj).children(':eq('+(s-1)+')').css({left:s*w-w});

						$(o.slides,obj).children(':eq(0)').css({left:0});

						if(t===s){$(o.slides,obj).children(':eq(0)').css({left:(s*w)});}

						if(t===1){$(o.slides,obj).children(':eq('+(s-1)+')').css({ position:'absolute',left:-w});}

						$(o.slides,obj).children().fadeIn(o.fadespeed);

						u = false;

					});

					break; 

				default:

					break;

				}					

			};

		});

	};

})(jQuery);