// JavaScript Document für Markus Kroesen's Webseite

$(document).ready(function() {	
	checkURL();
	$('menu a').click(function() {
			checkURL(this.hash);
	});
	setInterval("checkURL()", 250);
	
	$(".works_previous").click(function() {
		if(worknow > 0) {
			change_color(works_col[worknow - 1]);
			$(".works").fadeOut(250, function() {
				if(worknow == 1) {
					$(".works_previous").hide();
				}
				if((worknow - 1) < works) {
					$(".works_next").show();
				}
				$(".works").css("background-image", "url('" + works_url[worknow - 1] + "')");
				$(".works").fadeIn(250);
				worknow = worknow - 1;
			});
		}
	});
	$(".works_next").click(function() {
		if(worknow < works) {
			change_color(works_col[worknow + 1]);
			$(".works").fadeOut(250, function() {
				if(worknow == 0) {
					$(".works_previous").show();
				}
				if(worknow == (works - 1)) {
					$(".works_next").hide();
				}
				$(".works").css("background-image", "url('" + works_url[worknow + 1] + "')");
				$(".works").fadeIn(250);
				worknow = worknow + 1;
			});
		}
	});
});

// Checkt die Adresse ob sich die Seite geändert hat

var lasturl = "";

function checkURL(hash)
{
	if(!hash) hash = window.location.hash;

	if(hash != lasturl)
	{
		lasturl = hash;
		loadPage(hash);
	}
}

// Läd die Seite

function loadPage(hash) {
	if (hash == "#home") {
		change_view_back(function() { });
	}
	else if (hash == "#works") {
		change_view(function() {
			$(".works").css("background-image", "url('" + works_url[0] + "')");
			worknow = 0;
			$(".works").fadeIn(500);
			change_color(works_col[0]);
			$(".works_previous").hide();
			$(".works_next").show();
		});
	}
	else if (hash == "#about") {
		change_color("#ffed00");
		change_view(function() {
			$(".about").fadeIn(500);
		});
	}
	else if (hash == "#contact") {
		change_color("#ffed00");
		change_view(function() {
			$(".contact").fadeIn(500);
		});
	}
	
	actpage = hash.replace("#", ".");
}

// Ändert die Ansicht der Seite

function change_view(nextFunction) {
	if(view == 0) {
		view = 1;
		
		$("#menu1").animate({
			top: "100%",
			marginTop: "0px"
		}, 500, function() {
			$("#menu1").hide();
		});
		$("#menu2").show(function() {
			$("#menu2").animate({
				top: "50%",
				marginTop: "-92px"
			}, 500);
		});
		$(".header_title").animate({
			top: "0%",
			marginTop: "30px"
		}, 500, nextFunction);
	}
	else {
		$(actpage).fadeOut(250, nextFunction);
	}
}

// Ändert die Ansicht der Seite wieder zurück

function change_view_back(nextFunction) {
	view = 0;
	change_color("#ffed00");
	
	$(actpage).fadeOut(500, nextFunction);
	
	$("#menu1").show(function() {
		$("#menu1").animate({
			top: "50%",
			marginTop: "-92px"
		}, 500);
	});
	$("#menu2").animate({
		top: "100%",
		marginTop: "0px"
	}, 500, function() {
		$("#menu2").hide();
	});
	$(".header_title").animate({
		top: "50%",
		marginTop: "-30px"
	}, 500, nextFunction);
}

// Ändert die Farbe der Seite

function change_color(color) {
	$("header, .works_previous, .works_next").animate({
		backgroundColor: color
	}, 500);
}