/* 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.0 (May 13, 2008)

 * Requires: jQuery 1.2+

 */

 

(function($) {



	$.fn.jFlow = function(options) {

		var opts = $.extend({}, $.fn.jFlow.defaults, options);

		var cur = opts.current;

		var maxi = $(".jFlowControl").length;

		$(this).find(".jFlowControl").each(function(i){

			$(this).click(function(){

				$(".jFlowControl").removeClass("jFlowSelected");

				$(this).addClass("jFlowSelected");

				var dur = Math.abs(cur-i+1);

				$(opts.slides).animate({

					marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")

				}, opts.duration*(dur));

				cur = i;

			});

		});	

		

		$(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

				cur = maxi -1;

			

			$(".jFlowControl").removeClass("jFlowSelected");

			$(opts.slides).animate({

				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")

			}, opts.duration);

			$(".jFlowControl").eq(cur).addClass("jFlowSelected");

		});

		

		$(".jFlowNext").click(function(){

			if (cur < maxi - 1)

				cur++;

			else

				cur = 0;

				

			$(".jFlowControl").removeClass("jFlowSelected");

			$(opts.slides).animate({

				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")

			}, opts.duration);

			$(".jFlowControl").eq(cur).addClass("jFlowSelected");

		});

	};

	

	$.fn.jFlow.defaults = {

		easing: "swing",

		duration: 400,

		width: "100%"

	};

	

})(jQuery);