/* 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.2.1 (July 7, 2008)
 * Requires: jQuery 1.2+
 */

//modified by LandRover 30th May 08
//modified by BenjaminWiederkehr 10th Dec 08

(function($) {

	$.fn.jFlow = function(options) {
		var opts = $.extend({}, $.fn.jFlow.defaults, options);
		var randNum = Math.floor(Math.random()*11);
		var jFC = opts.controller;
		var jFS =  opts.slideWrapper;
		var jSel = opts.selectedWrapper;

		
		var timer;
		var cur = 0;
		var maxi = $(jFC).length;
		
		// panel function
		var panel = function(i) {
			
			var obj = $((origCanvas)[i]).clone();
			$(obj).css({
				position:"relative",
				width: ($(jFS).width()-0)+"px",
				height: $(jFS).height()+"px",
				"float":"left",						
				overflow:"auto"
			});
			
			//$(obj).append('<div>&nbsp;</div>');
			//$(obj).find("div:last").css({
			//	"background-color" : "red"
			//});
			return obj;
			
		}
	
		// sliding function
		var slide = function (dur, i) {
			$(opts.slides).find(":eq(0)").css({
				overflow:"hidden"
			});
			
			$(opts.slides + " iframe").hide().addClass("temp_hide");
					
			$(opts.slides).animate({
				marginLeft: "-" + (1 * $(opts.slides).find(":eq(0)").width() + "px")}, 
				opts.duration,
				opts.easing,
				function(){
					if (i + 1 >= maxi)
						i = -1;
						
					$(opts.slides).append(panel(i+1));
					$(opts.slides).find("div:first").remove();	

					$('#debugDiv').html($(opts.slides).html());					
					resize();
									
					$(opts.slides).find(":eq(0)").css({
						overflow: "auto"	
					});
												
					$(".temp_hide").show();
				}
			);
		}
		$(this).find(jFC).each(function(i){
			$(this).click(function(){
				if ($(opts.slides).is(":not(:animated)")) {
					$(jFC).removeClass(jSel);
					$(this).addClass(jSel);
					//var dur = Math.abs(cur-i);
					//slide(dur,i);
								
								
					// init canvas
					$(opts.slides).find("div").remove();
					$(opts.slides).append(panel(i));

					cur = i;
					
					if (i + 1 >= maxi)
						j = 0;
					else
						j = i+1;
						
					$(opts.slides).append(panel(j));
					$('#debugDiv').html($(opts.slides).html());
					
					resize();
					// Make sure next slide is correct

					dotimer();
				}
			});
		});	

		$(opts.slides).before('<div id="'+jFS.substring(1, jFS.length)+'"></div>').appendTo(jFS);
		
		$(opts.slides).find("div").each(function(){
			$(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
		});
		
		//initialize the controller
		$(jFC).eq(cur).addClass(jSel);
		var origCanvas = $(opts.slides).children().clone();
							
		var resize = function (x){
			$(jFS).css({
				position:"relative",
				width: opts.width,
				height: opts.height,
				overflow: "hidden"
			});
			//opts.slides or #mySlides container
			$(opts.slides).css({
				position:"absolute",
				width: $(jFS).width() * $(jFC).length + "px",
				height: $(jFS).height()+"px",
				border: "0px solid #fff",
				overflow: "hidden"
			});
			
			// jFlowSlideContainer
			$(opts.slides).children().css({
				position:"relative",
				width: ($(jFS).width()-0)+"px",
				height: $(jFS).height()+"px",
				"float":"left",
				overflow:"auto"
			});
			
			$(opts.slides).css({
				//marginLeft: "-" + ($(opts.slides).find(":eq(0)").width() + "px")
				marginLeft: "0px"
			});
		}

		// size the container
		resize();
		
		// init canvas
		$(opts.slides).children().remove();
		$(opts.slides).append(panel(cur));
		$(opts.slides).append(panel(cur+1));
		$('#debugDiv').html($(opts.slides).html());
				
		// sets initial size on container elements
		resize();

		$(opts.slides).find(":eq(0)").css({
			overflow: "auto"	
		});
					
		// resets size
		$(window).resize(function(){
			resize();						  
		});
		
		$(opts.prev).click(function(){
			dotimer();
			doprev();
		});
		
		$(opts.next).click(function(){
			dotimer();
			donext();
		});
		
		$(jFS).mouseover(function(){
			if(timer != null) clearInterval(timer);
		});

		$(jFS).mouseout(function(){
			if(timer != null) dotimer();
		});

		var doprev = function (x){
			if ($(opts.slides).is(":not(:animated)")) {
				var dur = 1;
				if (cur > 0)
					cur--;
				else {
					cur = maxi -1;
					dur = cur;
				}
				$(jFC).removeClass(jSel);
				slide(dur,cur);
				$(jFC).eq(cur).addClass(jSel);
			}
		}
		var donext = function (x){
			if ($(opts.slides).is(":not(:animated)")) {
				var dur = 1;
				if (cur < maxi - 1)
					cur++;
				else {
					cur = 0;
					dur = maxi -1;
				}
				$(jFC).removeClass(jSel);
				slide(dur, cur);
				$(jFC).eq(cur).addClass(jSel);
			}
		}
		var dotimer = function (x){
			if(timer != null) 
			clearInterval(timer);
			timer = setInterval(function() {
				donext();
				}, opts.interval);
			}
			dotimer();
		};
	
	$.fn.jFlow.defaults = {
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		easing: "swing",
		duration: 500,
		interval: 5000,
		width: "100%",
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	};
	
})(jQuery);