// JavaScript Document

$(document).ready( function(){

	Cufon.replace('#sidebar .menu, h1, h2, h3, .post_date, .post_tags A, .navigation A', { hover: true });
	
	$(".projekt_titel A").hover(
		function(){ $(this).parent().parent().addClass("hover"); },
		function(){ $(this).parent().parent().removeClass("hover"); }
	);	
	
	$(".mitarbeiter").click( function(){
	
		$(".mitarbeiter_container").removeClass("active");
		$(this).parent().addClass("active");
																		
	});
	
	$(".controller").each( function(){
		
		var i = $(this).prev().attr("id").replace("slideshow", "");
		
		$(this).attr("id", "controller"+i);
		$(this).next().children(".jFlowNext").attr("class", "next jFlowNext"+i);
		$(this).next().children(".jFlowPrev").attr("class", "prev jFlowPrev"+i);
		$(this).children(".jFlowControl").attr("class", "jFlowControl"+i);

		$("#controller"+i).jFlow({
				slides: "#slideshow"+i,
				selectedWrapper: "jFlowSelected",
				slideWrapper : "#jFlowSlideWrapper"+i, // must be id, use # sign
				width: "620px",
				height: "413px",
				duration: 300,
				prev: ".jFlowPrev"+i,
				next: ".jFlowNext"+i,
				controller: ".jFlowControl"+i
		});
		i++;
	});	



});