/*
 * 	Easy Slider 1.7 - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.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 $("#slider").easySlider();
 *	
 *	<div id="slider" style="overflow: hidden; width: 700px;"> 
 *	<ul class="clearfix">
 *	
 *	<li class="slide"><a href="#"><img src="http://store.organiccrew.com/user_data/packages/default/img/slide/Ethical.jpg" width="720" height="284" alt="ETHICAL" /></a></li>
 *	<li class="slide"><a href="#"><img src="http://store.organiccrew.com/user_data/packages/default/img/slide/MoonSoap.jpg" width="720" height="284" alt="MOONSOAP" /></a></li>
 *	<li class="slide"><a href="#"><img src="http://store.organiccrew.com/user_data/packages/default/img/slide/Sonett.jpg" width="720" height="284" alt="SONETT" /></a></li>
 *	<li class="slide"><a href="#"><img src="http://store.organiccrew.com/user_data/packages/default/img/slide/Nadell.jpg" width="720" height="284" alt="NADELL" /></a></li>
 *	
 *	</ul> 
 *	</div>
 *
 */

(function($) {

	$.fn.easySlider = function(options){
	  
		// default configuration properties
		var defaults = {			
			prevId: 		'prevBtn',
			prevText: 		'Previous',
			nextId: 		'nextBtn',	
			nextText: 		'Next',
			controlsShow:	true,
			controlsBefore:	'',
			controlsAfter:	'',	
			controlsFade:	true,
			firstId: 		'firstBtn',
			firstText: 		'First',
			firstShow:		false,
			lastId: 		'lastBtn',	
			lastText: 		'Last',
			lastShow:		false,				
			vertical:		false,
			speed: 			800,
			auto:			false,
			pause:			2000,
			continuous:		false, 
			numeric: 		false,
			numericId: 		'controls'
		}; 
		
		var options = $.extend(defaults, options);  
		
			
		this.each(function() {  
			var obj = $(this); 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var clickable = true;
			obj.width(w); 
			obj.css("overflow","hidden");
			var ts = s-1;
			var t = 0;
			$("ul", obj).css('width',s*w);			
			
			if(options.continuous){
				$("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
				$("ul", obj).append($("ul li:nth-child(2)", obj).clone());
				$("ul", obj).css('width',(s+1)*w);
			};				
			
			$('#subNavi ul li:first').addClass('act').siblings().addClass('inact');
			
			function adjust(){
				if(t>ts) t=0;		
				if(t<0) t=ts;	
				if(!options.vertical) {
					$("ul",obj).css("margin-left",(t*w*-1));
				} 
				clickable = true;
				if(options.numeric) setCurrent(t);
			};
			
			
	
			function animate(dir,clicked){
				if (clickable){
					clickable = false;
					var ot = t;				
					switch(dir){
						case "next":
							t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;					
							break; 
						case "prev":
							t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
							break; 
						case "first":
							t = 0;
							break; 
						case "last":
							t = ts;
							break; 
						default:
							t = dir;
							break; 
					};
					
									
					
					var diff = Math.abs(ot-t);
					var speed = diff*options.speed;						
					if(!options.vertical) {
						$('#subNavi ul li.ameba a').click(function(){
							
							t=0;
							p = (t*w*-1);
							$('li.ameba').addClass('act');
							$('li.media').removeClass('act');
							$('li.ad').removeClass('act');
							$('li.cai').removeClass('act').addClass('inact');
							clearTimeout(timeout);
							
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);	
															   });
						$('#subNavi ul li.media a').click(function(){
							
							t=1;
							p = (t*w*-1);
							$('li.ameba').removeClass('act').addClass('inact');
							$('li.media').addClass('act');
							$('li.ad').removeClass('act');
							$('li.cai').removeClass('act');
							clearTimeout(timeout);
							
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);	
															   });
						$('#subNavi ul li.ad a').click(function(){
																
							t=2;
							p = (t*w*-1);
							$('li.ameba').removeClass('act');
							$('li.media').removeClass('act').addClass('inact');
							$('li.ad').addClass('act');
							$('li.cai').removeClass('act');
							clearTimeout(timeout);
							
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);	
															   });
						$('#subNavi ul li.cai a').click(function(){
																 
							t=3;
							p = (t*w*-1);
							$('li.ameba').removeClass('act');
							$('li.media').removeClass('act');
							$('li.ad').removeClass('act').addClass('inact');
							$('li.cai').addClass('act');
							clearTimeout(timeout);
							
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);	
															   });
						
						p = (t*w*-1);
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);				
					} 
					
					if(options.auto && dir=="next" && !clicked){
						if(t>=4) {
							t=0;
						}
						
						if(t==0){
						$('li.cai').removeClass('act').addClass('inact');
						$('li.ameba').addClass('act');
						}
						
						if(t==1){
						$('li.ameba').removeClass('act').addClass('inact');
						$('li.media').addClass('act');	
						}
						
						if(t==2){
						$('li.media').removeClass('act').addClass('inact');
						$('li.ad').addClass('act');
						}
						
						if(t==3){
						$('li.ad').removeClass('act').addClass('inact');
						$('li.cai').addClass('act');
						}
						
						
						timeout = setTimeout(function(){
							animate("next",false);
						},diff*options.speed+options.pause);
					};
			
				};
				
			};

			// init
			var timeout;
			if(options.auto){;
				timeout = setTimeout(function(){
					animate("next",false);
				},options.pause);
			};		
			
			if(options.numeric) setCurrent(0);
		
			
			
		});
	  
	};

})(jQuery);