/*
 * jFlow
 *
 * Original code/idea by Kean Loong Tan http://www.gimiti.com/kltan
 *
 * Almost every part rewritten by Acato (http://www.acato.nl)
 * 
 */

(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");
				var dur = Math.abs(cur-i+1);
				if (dur == 0) dur = 1;
				$(opts.slides).animate({
					marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
				}, opts.duration*(dur));
				cur = i;
				$("#visie_menu ul > li, #visie_menu ul > li > a").removeClass("active");
				$("#visie_menu ul > li:nth-child("+(cur+1)+"), #visie_menu ul > li:nth-child("+(cur+1)+") > a").addClass("active");
				nextVid(cur);
				

			});
		});

		$(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);
			$("#visie_menu ul > li, #visie_menu ul > li > a").removeClass("active");
			$("#visie_menu ul > li:nth-child("+(cur+1)+"), #visie_menu ul > li:nth-child("+(cur+1)+") > a").addClass("active");
			$(".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);
			$("#visie_menu ul > li, #visie_menu ul > li > a").removeClass("active");
			$("#visie_menu ul > li:nth-child("+(cur+1)+"), #visie_menu ul > li:nth-child("+(cur+1)+") > a").addClass("active");
			$(".jFlowControl").eq(cur).addClass("jFlowSelected");
		});

		//onclick event
		$("#visie_menu ul > li > a").attr("href", "javascript:void(0);");
		$("#visie_menu ul > li > a").click(function() {

			$("#visie_menu ul > li, #visie_menu ul > li > a").removeClass("active");
			$(this).parent().addClass("active");
			$(this).addClass("active");

			cur = $(this).parent().prevAll().length;

			$(".jFlowControl").removeClass("jFlowSelected");
			$(opts.slides).animate({
				marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
			}, opts.duration);
			$(".jFlowControl").eq(cur).addClass("jFlowSelected");
			nextVid(cur);
		});
	};

	$.fn.jFlowVertical = function(options) {

		var opts = $.extend({}, $.fn.jFlowVertical.defaults, options);
		var cur = 0;
		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);
				if (dur==0) dur = 1;

				$("#jFlowSlide").animate({
					scrollTop: $(this).attr("rel") * parseInt(opts.height)
				}, 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-y": "scroll",
				"overflow-x": "hidden",
				"padding-right" : "30px"
			});

			$("#jFlowSlide").css("overflow-x: hidden");

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

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

		}

		resize();

		$(window).resize(function(){
			resize();
		});
	}
	
	$.fn.jFlow.defaults = {
		easing: "swing",
		duration: 300,
		width: "100%"
	};
	
})(jQuery);