$(document).ready(function(){
	// GESAMT BEGINN	
	var uebermich = $("#uebermich");
	var web = $("#web");
	var contact = $("#contact");
	var flickr = $("#flickr");
	var impressum = $("#impressum");
	var colour = "";
	var activecolour = "#8d8d8d";
	
	//$("#container").animate({opacity: 0.4}, 0);
	
	$("#navi").css("margin-top","-390px");
	$("#navi").css("margin-left","30px");
	$("#navi").animate({marginTop:"0"}, 900).animate({opacity: 1.0}, 100).animate({marginLeft:"0"}, 250);
	
	var naviconfig = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 20, // number = milliseconds for onMouseOver polling interval    
		 over: naviIn, // function = onMouseOver callback (REQUIRED)    
		 timeout: 100, // number = milliseconds delay before onMouseOut    
		 out: naviOut // function = onMouseOut callback (REQUIRED)    
	};
	$("#navi img").hoverIntent(naviconfig);
		
	function naviIn(){
		//$("#container").stop();
		$("#navi div").css("display","none");
		$("#" + $(this).attr("alt") + "-bg").fadeIn("normal");
		
		switch ($(this).attr("alt")) {
			case "uebermich": colour = "#eb6b31"; break;
			case "web": colour = "#cc1835"; break;
			case "contact": colour = "#fecf00"; break;
			case "referenzen": colour = "#4ebabc"; break;
			case "impressum": colour = "#1a996f"; break;
		}
		$("#container").css("border-color",colour);
		$("#content").animate({opacity: 0.8}, 200);
	};
	
	function naviOut(){
		//$("#" + $(this).attr("alt") + "-bg").fadeOut("fast");
		$("#" + $(this).attr("alt") + "-bg").css("display","none");
		$("#container").css("border-color",activecolour);
		$("#content").css("opacity","1.0");
	};	
	
	$("#bg").mouseenter(function(){
		$("#content").css("opacity","1.0");
	});
	
	$("#container").css("margin-top","-175px");
	$("#container").animate({marginTop:"0"}, 900);
	
	$("#content").css("display","none");
	$("#content").animate({opacity: 1.0}, 1000).slideDown(250);
	
	$("#logo").css("margin-left","-320px");
	$("#logo").animate({marginLeft:"0"}, 900);
	
	// AJAX Inhalte
	var mainContent = $("#content");
	
	$("#navi a img").click(function(event) {
		fetch = $(this).attr('alt');
		//alert(fetch);
		event.preventDefault();
		getText(fetch);
		switch (fetch) {
			case "uebermich": activecolour = "#eb6b31"; break;
			case "web": activecolour = "#cc1835"; break;
			case "contact": activecolour = "#fecf00"; break;
			case "referenzen": activecolour = "#4ebabc"; break;
			case "impressum": activecolour = "#1a996f"; break;
		}
		$("#container").css("border-color",activecolour);
		$("#content").animate({opacity: 1.0}, 100);
	});
	
	$("#logo").click(function(event) {
		event.preventDefault();
		getText("home");
	});
	
	
	function getText(fetch) {
		mainContent.css("display","none");
		$.ajax({
			type: "GET",
			url: fetch + ".php",
			success: function(content) {
				mainContent.html(content + "<br /><br /><br /><br />");
				mainContent.slideDown();
			},
			error: function() {
				mainContent.html("<h1>An error occurred!</h1> Please try again later.");
				mainContent.slideDown();
			}
		});
	}
	
	// GESAMT ENDE
});