$(document).ready(
		function() {
			$(".over").hide();
			$(".unterpunkte_werk").hide();
			$(".unterpunkte_kont").hide();

			$("a").each( function() {
				hoverNormal(this);
			});

			loadStartPage();

			$(".impressum_link").click( function() {
				setLinkActive(this);
				$("#page_content").load("content/impressum.html");
			});

			$.each(
					[ "#vorwort_link", "#vita_link", "#werke_link",
							"#kontakt_link", "#verschiedenes_link",
							"#online_kontakt_link", "#stilleben_link",
							"#experimentell_link", "#abstrakt_link",
							"#aquarell_link" ], function(i, n) {
						$(n).click( function() {
							setLinkActive(n);
							loadContent(n);
						});
					});

			// Menue Navigationpunkte ein und ausblenden
			$(".unterpunkte_neu, .unterpunkte_werk, .unterpunkte_kont").css(
					"display", "none");

			$("#werk").mouseover( function() {
				$(".unterpunkte_werk").show();
			});
			$("#werk").not(".active").mouseout( function() {
				$(".unterpunkte_werk").hide();
			});

			$("#kont").mouseover( function() {
				$(".unterpunkte_kont").show();
			});
			$("#kont").mouseout( function() {
				$(".unterpunkte_kont").hide();
			});
			$(document).bind('close.facebox', function() {
				$("#content").show();
			})
		});

var prevElement;

function setLinkActive(element) {
	if (prevElement != null)
		hoverNormal(prevElement);
	hoverActive(element);
	prevElement = element;
}

function hoverActive(element) {
	$(element).addClass("active");
	$(element).hover( function() {
		$(element).children(".out").hide();
		$(element).children(".over").show();
	}, function() {
		$(element).children(".out").hide();
		$(element).children(".over").show();
	});
}

function hoverNormal(element) {
	$(element).removeClass("active");
	$(element).children(".over").hide();
	$(element).children(".out").show();
	$(element).hover( function() {
		$(element).children(".out").hide();
		$(element).children(".over").show();
	}, function() {
		$(element).children(".over").hide();
		$(element).children(".out").show();
	});
}

function loadContent(contentId) {
	var content = contentId.substr(1, contentId.lastIndexOf("_") - 1);
	$("#page_content").load("content/" + content + ".html");
}

function loadStartPage() {
	var element = $("#vorwort_link");
	element.children(".out").hide();
	element.children(".over").show();
	setLinkActive(element);
	var url = ''+window.location;
	if(!url.match(/.html$/))
	{
		$("#page_content").load("content/vorwort.html");
	}
}

function showInPopup(url) {
	$("#content").hide();
	jQuery.facebox( {
		ajax :url
	});
}

function submitForm() {
	var options = { 
			url: 'formular.php',
			dataType: 'json', 
			success: function(data) { 
				$('#error').remove();
	    		if(data.status == 'error'){
	    			$('#contact_form').prepend("<div id='error' style='background-image: url(images/error.gif); background-repeat: no-repeat; background-position: left; color: #c5462f; padding-left: 15px'>"+data.msg+"</div>");
	    			$('#senden').show();
	    		}
	    		else {
	    			$('#contact_form').html("<div id='message'></div>");
	    			$('#message')
	    			.html("<h2>Vielen Dank f&uuml;r ihre Anfrage.</h2>")
	    			.append("<p>Wir werden in K&uuml;rze mit Ihnen in Kontakt treten.</p>")
	    			.hide().fadeIn(1500);
	    		}
			}
	}; 
	$('#contact_form').ajaxSubmit(options);
	$('#senden').hide();
}