/* Copyright (c) 2010 WordImpressed.com jFlow Plus derived from Kean Loong Tan's orgininal jFlow http://www.wordimpressed.com

 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 * jFlow 1.2 (Plus)

 * Version: jFlow Plus

 * Requires: jQuery 1.2+

 */

 

(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 cur = 0;

		var timer;

		var maxi = $(jFC).length;
		
	

		

		var einblenden = function (cur)
				{
				var i = cur + 1;
								
				//Grösse Inhalte bubble setzen
				center_width = ($("#slide"+i+" .bubble").width() - 91);
				$("#slide"+i+" .bubble_centertop").width(center_width);
				$("#slide"+i+" .bubble_centerbottom").width(center_width);
				
				
				//alle Elemente ausblenden
				$("#slide"+i).find("span").hide();

				//Elemente einblenden
				$("#slide"+i+" .fontbg").fadeTo(4000,0.9);
				$("#slide"+i+" .font").delay(2000).fadeIn(2000);
				setTimeout(function(){ $("#slide"+i).find('.bubble').show();}, 4000);
				setTimeout(function(){ $("#slide"+i+" .bubble").find('span').show();}, 4000);
				setTimeout(function(){ $("#slide"+i+" .bubbletext").hide().fadeIn(1200);}, 4000);
				}
		
				$(document).ready(function() {
																	 
																	 
einblenden(cur);
     		});
				


		// sliding function

		var slide = function (dur, i) {

			$(opts.slides).children().css({

				overflow:"hidden"

			});

			$(opts.slides + " iframe").hide().addClass("temp_hide");
				
			$(opts.slides).animate({

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

				},

				opts.duration*(dur),

				opts.easing,

				function(){

					$(opts.slides).children().css({

						overflow:"hidden"

					});

					$(".temp_hide").show();
				
				}

			);	
	
			
			
		einblenden(cur);
			
		
		}	

		$(this).find(jFC).each(function(i){
	
			$(this).click(function(){

				dotimer();

				if ($(opts.slides).is(":not(:animated)")) {

					$(jFC).removeClass(jSel);

					$(this).addClass(jSel);

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

					slide(dur,i);

					cur = i;

				}

			});

		});	

		$(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 resize = function (x){

			$(jFS).css({

				position:"relative",

				width: opts.width,

				height: opts.height,

				overflow: "hidden"

			});

			//opts.slides or #mySlides container

			$(opts.slides).css({

				position:"relative",

				width: $(jFS).width()*$(jFC).length+"px",

				height: $(jFS).height()+"px",

				overflow: "hidden"

			});

			// jFlowSlideContainer

			$(opts.slides).children().css({

				position:"relative",

				width: $(jFS).width()+"px",

				height: $(jFS).height()+"px",

				"float":"left",

				overflow:"hidden"

			});

	

			$(opts.slides).css({

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

			});

		}

		

		// sets initial size

		resize();



		// resets size

		$(window).resize(function(){

			resize();						  

		});

		

		$(opts.prev).click(function(){

			dotimer();

			doprev();
			
		});

		

		$(opts.next).click(function(){

			dotimer();

			donext();		
					
		});

		

		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);

				//$(jFS).fadeOut("fast");

				slide(dur, cur);

				//$(jFS).fadeIn("fast");

				$(jFC).eq(cur).addClass(jSel);

			}

		}

		

		var dotimer = function (x){

			if((opts.auto) == true) {

				if(timer != null) 

					clearInterval(timer);
										
        		timer = setInterval(function() {

										
	                
										$(opts.next).click();

						}, 10000);
							


			}

		}


//Pause/Resume function fires at hover

		dotimer();
		
			$("#slider_top").hover(
			
			function() {
		
			clearInterval(timer);
		
			},
		
		function() {
			dotimer();
		
			}
		
		);
	};

	

	$.fn.jFlow.defaults = {

		controller: "#myController", // must be class, use . sign

		slideWrapper : "#mySlides", // must be id, use # sign

		selectedWrapper: ".jFlowSelected",  // just pure text, no sign

		auto: true,

		easing: "swing",

		duration: 0,

		width: "100%",

		prev: ".jFlowPrev", // must be class, use . sign

		next: ".jFlowNext" // must be class, use . sign

	};


})(jQuery);