/*
 * 	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 (www.cardmobili.com/js/MIT_LICENSE.txt)
 *	and GPL licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 * 	Easy Slider 1.75 - jQuery plugin
 *	updated by Justin Carroll	
 *	http://www.3circlestudio.com/
 *
 *	Added option "allControls" to show both next/previous/first/last and
 *  numeric paging all at once
 *
 *	Easy Slider 1.75 - jQuery plugin
 *	changed by cardmobili
 *
 */
 
/*
 *	markup example for $("#slider").easySlider();
 *	
 * 	<div id="slider">
 *		<ul>
 *			<li><img src="images/01.jpg" alt="" /></li>
 *			<li><img src="images/02.jpg" alt="" /></li>
 *			<li><img src="images/03.jpg" alt="" /></li>
 *			<li><img src="images/04.jpg" alt="" /></li>
 *			<li><img src="images/05.jpg" alt="" /></li>
 *		</ul>
 *	</div>
 *
 */
 
jQuery.noConflict()(document).ready(function(){	
		jQuery.noConflict()("#slider").easySlider({
			auto: true, 
			continuous: true,
			allControls: true,
			pause: 6000
			});
		});	

(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',
			allControls:	false
		}; 
		
		var options = $.extend(defaults, options); 
		
		this.each(function() {
			
			var obj = $(this); 		
			var timeout;
			var forcedAnimStop = false;
			
			var stop = $("ul",obj).find('#availableCardsId');
			if(stop != null && stop != undefined) {
				
				stop.hover(function() {
					stopAnimation();
				}, function() {
					starAnimation();
				});
			}
			
			$("ul",obj).click(function() {
				forceAnimationStop();
			});
			
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height(); 
			var clickable = true;
			
			if(s > 1)
			{
				options.auto = true;
				options.controlsShow = true;
			};
			
			obj.width(w); 
			obj.height(h); 
			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);
			};				
			
			if(!options.vertical) $("li", obj).css('float','left');
								
			if(options.controlsShow){
				var html = options.controlsBefore;				
				if(options.numeric){
					html += '<ol id="'+ options.numericId +'"></ol>';
				} else if (options.allControls) {
					html += '<div class="controlWrapper"><ul id="' + options.numericId + '">';
					if(options.firstShow) html += '<li id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></li>';
					html += ' <li id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></li>';
					html += ' <li id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></li>';
					if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></li>';
					html += '</ul></div>';				
				} else {
					html += '<div class="controlWrapper"><ul id="' + options.numericId + '">';
					if(options.firstShow) html += '<li id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></li>';
					html += ' <li id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></li>';
					html += ' <li id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></li>';
					if(options.lastShow) html += ' <li id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></li>';	
					html += '</ul></div>';				
				};
				
				html += options.controlsAfter;						
				$(obj).after(html);										
			};
			
			if(options.numeric){									
				for(var i=0;i<s;i++){						
					$(document.createElement("li"))
						.attr('id',options.numericId + (i+1))
						.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
						.appendTo($("#"+ options.numericId))
						.click(function(){							
							clearForceAnimationStop();
							animate($("a",$(this)).attr('rel'),true);
						}); 												
				};
			} else if (options.allControls) {
				for(var i=0;i<s;i++){						
					$(document.createElement("li"))
						.attr('id',options.numericId + (i+1))
						.attr('class', 'numeric')
						.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
						.insertBefore($("#"+ options.nextId))
						.click(function(){
							clearForceAnimationStop();
							animate($("a",$(this)).attr('rel'),true);
						}); 												
				};
				$("a","#"+options.nextId).click(function(){
					clearForceAnimationStop();
					animate("next",true);
				});
				$("a","#"+options.prevId).click(function(){
					clearForceAnimationStop();
					animate("prev",true);
				});	
				$("a","#"+options.firstId).click(function(){
					clearForceAnimationStop();
					animate("first",true);
				});				
				$("a","#"+options.lastId).click(function(){
					clearForceAnimationStop();
					animate("last",true);
				});				
			} else {
				$("a","#"+options.nextId).click(function(){
					clearForceAnimationStop();
					animate("next",true);
				});
				$("a","#"+options.prevId).click(function(){
					clearForceAnimationStop();
					animate("prev",true);
				});	
				$("a","#"+options.firstId).click(function(){
					clearForceAnimationStop();
					animate("first",true);
				});				
				$("a","#"+options.lastId).click(function(){
					clearForceAnimationStop();
					animate("last",true);
				});
				
			};
			
			function setCurrent(i){
				i = parseInt(i)+1;
				$('li', "#" + options.numericId).removeClass("current");
				$('li#' + options.numericId + i).addClass("current");
				
				landingsBgFadeIn();
			};
			
			function adjust(){
				if(t>ts) t=0;		
				if(t<0) t=ts;	
				if(!options.vertical) {
					$("ul",obj).css("margin-left",(t*w*-1));
				} else {
					$("ul",obj).css("margin-left",(t*h*-1));
				}
				clickable = true;
				if(options.numeric || options.allControls) setCurrent(t);
			};
			
			function stopAnimation() {
				clearTimeout(timeout);
			};
			
			function forceAnimationStop(){
				forcedAnimStop = true;
				stopAnimation();
			};
			
			function clearForceAnimationStop(){
				forcedAnimStop = false;
			};
			
			function starAnimation() {
				timeout = setTimeout(function(){
					if(forcedAnimStop == false)
						animate("next",false);
				},options.pause);
			};
			
			function animate(dir,clicked){
				
				var largeVideo = $('.largeVideo');
				if(largeVideo != null && largeVideo != undefined && largeVideo.size() > 0) {	
					dir = "same";
				} else {
					landingsBgFadeOut();
				}
				
				if(forcedAnimStop == false){
					
					if (clickable){
						
						clickable = false;
						var ot = t;				
						switch(dir){
							case "next":
								t = (ot>=ts) ? (options.continuous ? parseInt(t)+1 : ts) : parseInt(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; 
							case "same":
								t = t;
								break; 
							default:
								t = dir;
								break; 
						};
						
						var diff = Math.abs(ot-t);
						var speed = diff*options.speed;						
						if(!options.vertical) {
							p = (t*w*-1);
							$("ul",obj).animate(
								{ marginLeft: p }, 
								{ queue:false, duration:speed, complete:adjust }
							);				
						} else {
							p = (t*h*-1);
							$("ul",obj).animate(
								{ marginTop: p }, 
								{ queue:false, duration:speed, complete:adjust }
							);					
						};
						
						if(!options.continuous && options.controlsFade){					
							if(t==ts){
								$("a","#"+options.nextId).hide();
								$("a","#"+options.lastId).hide();
							} else {
								$("a","#"+options.nextId).show();
								$("a","#"+options.lastId).show();					
							};
							if(t==0){
								$("a","#"+options.prevId).hide();
								$("a","#"+options.firstId).hide();
							} else {
								$("a","#"+options.prevId).show();
								$("a","#"+options.firstId).show();
							};					
						};				
						
						if(clicked) clearTimeout(timeout);
						if(options.auto && (dir=="next" || dir=="same") && !clicked){
							timeout = setTimeout(function(){
								animate("next",false);
							},diff*options.speed+options.pause);
						};
				
					};
					
				};
				
			};
			
			function landingsBgFadeOut() {
				var landingsBgSpan = $('.landingsBg span');
				if(landingsBgSpan == null || landingsBgSpan == undefined || landingsBgSpan.size() <= 0)
					return;
				
				var ieBrowser = $.browser.msie;
				landingsBgSpan.each(function() {
					if(ieBrowser)
						$(this).css('display', 'none');
					else 
						$(this).fadeOut(0);
					}
				);
			}
			
			function landingsBgFadeIn() {
				var numericControls = $('#controls li.numeric');
				if(numericControls == null || numericControls == undefined || numericControls.size() <= 0)
					return;
				
				var countCurrentId = 0;
				var countLi = 1;
				numericControls.each(function() {
					if ($(this).hasClass('.current')) {
						countCurrentId = countLi;
					}
					countLi = countLi + 1;
				});
				
				var currentSliderItem = $('.sliderWrapper li.sliderItem.current');
				if(currentSliderItem == null || currentSliderItem == undefined)
					return;
				 
				var sliderWrapperListItems = $('.sliderWrapper li.sliderItem');
				if(sliderWrapperListItems == null || sliderWrapperListItems == undefined || sliderWrapperListItems.size() <= 0)
					return;
				
				var landingsBgSpan = $('.landingsBg span');
				if(landingsBgSpan == null || landingsBgSpan == undefined || landingsBgSpan.size() <= 0)
					return;

				currentSliderItem.removeClass('current');
				
				var countListItems = 1;
				sliderWrapperListItems.each(function() {
				
					if(sliderWrapperListItems.size() == 1) {
						$(this).addClass('current');
					}
					
					if (countListItems != 1 && countListItems != sliderWrapperListItems.size()) {
						if (countListItems == countCurrentId + 1) {
							$(this).addClass('current');
	
							if($.browser.msie)
								$(landingsBgSpan[countCurrentId-1]).css('display', 'block');
							else 
								$(landingsBgSpan[countCurrentId-1]).fadeIn(400);
						}
					}
					countListItems = countListItems + 1;
				});
			}
			
			// init
			if(options.auto){
				$('#slider').removeClass("show");
				
				timeout = setTimeout(function(){
					animate("next",false);
				},options.pause);
				
				$('#slider').addClass("show");
			};		
			
			if(options.numeric || options.allControls) setCurrent(0);
		
			if(!options.continuous && options.controlsFade){					
				$("a","#"+options.prevId).hide();
				$("a","#"+options.firstId).hide();				
			};				
			
		});
	  
	};

})(jQuery);