$(document).ready(function(){
						   
	$("#nav_home").animate({
		height: 30
	}, 300)
	
	$("div#scrolling_pics").smoothDivScroll({
		visibleHotSpots: "always",
		autoScroll: "onstart"
	});
	
	$(".gallery_fancybox").fancybox({
		hideOnOverlayClick: false,
		overlayOpacity:	0.9,
		overlayColor: '#000',
		transitionIn: 'elastic',
		transitionOut: 'elastic',
		speedIn	: 800,
		speedOut: 800
	});
	
	$(".nav").mouseover(function(){
								 
		var nav_id = $(this).attr('id').substring(4);

		$("#nav_" + nav_id).animate({
			height: 30
		}, 300)
		
	}).mouseout(function(){
								 
		var nav_id = $(this).attr('id').substring(4);

		$("#nav_" + nav_id).animate({
			height: 15
		}, 300)
		
	}).click(function(e){
		
		e.preventDefault();
		
		var nav_id = $(this).attr('id').substring(4);
			
		$("div[id^='pic_'], ul[id^='pic_']").fadeOut("slow");
		$("div[id^='text_'], ul[id^='text_']").fadeOut("slow");
		$("#info").fadeOut("slow");
		
		$("div[id^='nav_']").animate({
			height: 15
		}, 300);

		$("#frame").fadeOut("slow").animate({
			width: 160,
			height: 20
		}, 1000, function(){
			
			$(this).addClass("loading").html("    geladen, bitte warten . . .");
			
			$.ajax({
				type: "POST",
				url: "./page/" + nav_id + ".html",
				success: function(html){
					$("#frame").animate({
						width: 830,
						height: 340
					}, 1000, function(){
						$(this).removeClass("loading");
						$(this).hide().html(html).fadeIn("slow");
	
						$("#nav_" + nav_id).animate({
							height: 30
						}, 300)
					})
				}
			});
			
		});
	});
	
	$("#text_home li, #text_interview li").live("mouseover", function(){
		$(this).addClass("selected_box")
	}).live("mouseout", function(){
		$(this).removeClass("selected_box")
	});
	
});