/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * jFlow
 * Version: 1.1 (May 22, 2008)
 * Requires: jQuery 1.2+
 */
 
( function($) {

	$.fn.jFlow = function(options) {
		var opts = $.extend({}, $.fn.jFlow.defaults, options);
		var cur = 0;
		var maxi = $(".jFlowControl").length;
		
		$(this).find(".jFlowControl").each(function(i){
			$(this).click(function(){
				$(".jFlowControl").removeClass("jFlowSelected");
				$(this).addClass("jFlowSelected");
				//alert(cur);
				//alert(i);
				var dur = Math.abs(cur-i);
				$(opts.slides).animate({
					marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
				}, opts.duration*(dur));
				cur = i;

				if (cur == 0)
				{
					$(".jFlowPrev").addClass("jFlowDisabled");
				}
				else
				{
					$(".jFlowPrev").removeClass("jFlowDisabled");
				}
				if (cur == maxi-1)
				{
					$(".jFlowNext").addClass("jFlowDisabled");
				}
				else
				{
					$(".jFlowNext").removeClass("jFlowDisabled");
				}

			});
		});	
		
		$(opts.slides).before('<div id="jFlowSlide"></div>').appendTo("#jFlowSlide");
		
		$(opts.slides).find("div").each(function(){
			$(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
		});
		
		//initialize the controller
		$(".jFlowControl").eq(cur).addClass("jFlowSelected");
		
		var resize = function (x){
			$("#jFlowSlide").css({
				/*position:"relative",
				width: opts.width,
				height: opts.height,
				overflow: "hidden"*/
			});
		
			$(opts.slides).css({
				position:"relative",
				width: $("#jFlowSlide").width()*$(".jFlowControl").length+"px",
				height: $("#jFlowSlide").height()+"px",
				overflow: "hidden"
			});
		
			$(opts.slides).children().css({
				position:"relative",
				width: $("#jFlowSlide").width()+"px",
				height: $("#jFlowSlide").height()+"px",
				"float":"left"
			});
			
			$(opts.slides).css({
				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
			});
		}
		
		resize();
		
		$(window).resize(function(){
			resize();						  
		});
		
		$(".jFlowPrev").click(function(){
			if (cur > 0)
				cur--;
			else
				return;
				//$(".jFlowPrev").enabled = false;
				//cur = maxi -1;
			trackItem('slider','previous');	
			if(cur == 0){
			$("#diploma_num").text("1 to 5 of");
			}else if (cur == 1)
			{
			$("#diploma_num").text("6 to 10 of");	
			}
			
			$(".jFlowControl").removeClass("jFlowSelected");
			$(opts.slides).animate({
				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
			}, opts.duration);
			$(".jFlowControl").eq(cur).addClass("jFlowSelected");

		
			if (cur == 0)
			{
				$(".jFlowPrev").addClass("jFlowDisabled");
			}
			else
			{
				$(".jFlowPrev").removeClass("jFlowDisabled");
			}
			if (cur == maxi-1)
			{
				$(".jFlowNext").addClass("jFlowDisabled");
			}
			else
			{
				$(".jFlowNext").removeClass("jFlowDisabled");
			}
		});
		
		$(".jFlowNext").click(function(){
			//alert(cur)	;					   
			if (cur < maxi - 1)
				cur++;
			else
				return;
				//cur = 0;
			trackItem('slider','next');	
			if(cur == 1){
				$("#diploma_num").text("6 to 10 of");	
			}else if(cur == 2){
				$("#diploma_num").text("11 to 14 of");		
			}
			$(".jFlowControl").removeClass("jFlowSelected");
			$(opts.slides).animate({
				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
			}, opts.duration);
			$(".jFlowControl").eq(cur).addClass("jFlowSelected");


				if (cur == 0)
				{
					$(".jFlowPrev").addClass("jFlowDisabled");
				}
				else
				{
					$(".jFlowPrev").removeClass("jFlowDisabled");
				}
				if (cur == maxi-1)
				{
					$(".jFlowNext").addClass("jFlowDisabled");
				}
				else
				{
					$(".jFlowNext").removeClass("jFlowDisabled");
				}
		});
	};
	
	$.fn.jFlow.defaults = {
		easing: "swing",
		duration: 400,
		width: "100%"
	};
	
})(jQuery);
