$(document).ready(function() {	
		
		
		$(".flowctrl").bind('click', function() {
			$(".flowctrl").removeClass('activated').removeClass('active');
			$(this).addClass('active activated');
		});
		
		/////////////////////   HOVER  /////////////////////////////
		
		$(".flowctrl").hover(
			function() {
				$(this).addClass('active');
				// alternativ: 	$(this).css('background-image', 'image.png');
			},
		
		    function() {
			
			 if (!$(this).hasClass("activated")){
			 	
				$(this).removeClass('active');
			 }
				// alternativ: 	$(this).css('background-image', 'image2.png');
			}
			
			
			/////////////////////   HOVER  /////////////////////////////
			
		);

	    $(function() {
	        $("div#controller").jFlow({			
			slides: "#slides",
			controller: ".flowctrl", 
			slideWrapper : "#jFlowSlide", 
			selectedWrapper: "jFlowSelected", 
			width: "898px",
			height: "616px",
			duration: 400,
			prev: ".flowprev", 
			next: ".flownext" ,
			cur: jFlowCur
	        });
	        
	        $("div#requestPartner").bind("click", requestPartnerClickHaendler);
	        function requestPartnerClickHaendler(){
	        	$("div#controller").jFlow("jumpToSlide", 7);
	        }
	    });

	  
	});