/* 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) + CHANGES TO WORK WITH jQuery 1.1.2 + CHANGE FROM jFlow 1.1
 * Requires: jQuery 1.2+
 */
 
(function($) {

	$.fn.jFlow = function(options) {
		var opts = $.extend({}, $.fn.jFlow.defaults, options);
		var cur = 0;
		var maxi = $(".accessoriesTipsSlide").length;
		
		$(opts.slides).before('<div id="jFlowSlide"></div>').appendTo("#jFlowSlide");
		
		/*
		$(opts.slides).find("div").each(function(){
			$(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
		});
		*/
		
		var resize = function (x){
			$("#jFlowSlide").css({
				//position:"relative",
				overflow: "hidden"
			});

			$(opts.slides).css({
				position:"relative",
				width: $("#jFlowSlide").width()*$(".accessoriesTipsSlide").length+"px",
				overflow: "hidden"
			});

			$(opts.slides).children().css({
				position:"relative",
				width: $("#jFlowSlide").width()+"px",
				"float":"left",
				overflow: "hidden"
			});

			$(opts.slides).css({
				//marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
				marginLeft: (((cur * $(opts.slides).find(":first-child").width())-1)*-1),	
				overflow: "hidden"				
			});
		}

		resize();

		$(window).resize(function(){
			resize();
		});
		
		$(".jFlowPrev").click(function(){
			if (cur > 0)
				cur--;
			else
				cur = maxi -1;

			$(opts.slides).animate({
				//marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
				marginLeft: (((cur * $(opts.slides).find(":first-child").width())-1)*-1)				
			}, opts.duration);
		});
		
		$(".jFlowNext").click(function(){
			if (cur < maxi - 1)
				cur++;
			else
				cur = 0;

			$(opts.slides).animate({
				//marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
				marginLeft: (((cur * $(opts.slides).find(":first-child").width())-1)*-1)
			}, opts.duration);
		});
	};
	
	$.fn.jFlow.defaults = {
		easing: "swing",
		duration: 400,
		width: "100%"
	};
	
})(jQuery);