$(document).ready(function() {
	
	$("#overlay-card").css({
	  display : "block",
		opacity : "0.0"
	});
	
	var queryhash = window.location.hash
	switch (queryhash) {
		case "#about":
			document.title = "Paul Oling // Over";
			start.about();
			break;
		case "#publicatie":
			document.title = "Paul Oling // Publicatie";
			start.publicatie();
			break;
		case "#contact":
			document.title = "Paul Oling // Contact";
			start.contact();
			break;
		default:
			start.publicatie();
			break;
	}
	$("#nav .about a").click(show.about);
	$("#nav .publicatie a").click(show.publicatie);
	$("#nav .contact a").click(show.contact);
	$("#download-vcard").mouseover(make.slideDown);
	$("#download-vcard").mouseout(make.slideUp);

});

var make = {
	
	slideDown : function(){
		$(this).animate({
		  top : '28px'								
		}, 100);
		$('#overlay-card').fadeTo('fast', 1.0);
	},
	slideUp : function(){
		$(this).animate({
		  top : '24px'								
		}, 100);
		$('#overlay-card').fadeTo('fast', 0.0);
	}	
}

var show = {
	about : function() {
		if ($("#container").hasClass("about")){ }
		else {
			document.title = "Paul Oling // Over";
			$("#content")
			.slideUp(500);
			$(".section")
			.fadeOut(500);
			setTimeout("$('.section').hide();", 500);
			setTimeout("$('#about').show();", 500);
			$("#content")
			.slideDown(500);
			$("#container")
			.removeClass();
			$("#container")
			.addClass("about");
		}
	},
	
	publicatie : function() {
		document.title = "Paul Oling // Publicatie";
		if ($("#container").hasClass("publicatie")){ }
		else {
			$("#content")
			.slideUp(500);
			$(".section")
			.fadeOut(500);
			setTimeout("$('.section').hide();", 500);
			setTimeout("$('#publicatie').show();", 500);
			$("#content")
			.slideDown(500);
			$("#container")
			.removeClass()
			.addClass("publicatie");
		}
	},
	
	contact : function(){
		if ($("#container").hasClass("contact")){ }
		else {
			document.title = "Paul Oling // Contact";
			$("#content")
			.slideUp(500);
			$(".section")
			.fadeOut(500);
			setTimeout("$('.section').hide();", 500);
			setTimeout("$('#contact').show();", 500);
			$("#content")
			.slideDown(500);
			$("#container")
			.removeClass()
			.addClass("contact");
		}
	}
}

var start = {
	publicatie : function() {
		$("#content")
		.hide();
		$("#container")
		.removeClass()
		.addClass("about");
		$(".section")
		.hide();
		$("#about")
		.show();
		setTimeout("$('#content').slideDown('slow');", 1000);
	},
	
	contact : function() {
		$("#content")
		.hide();
		$("#container")
		.removeClass()
		.addClass("contact");
		$(".section")
		.hide();
		$("#contact")
		.show();
		setTimeout("$('#content').slideDown('slow');", 1000);
	},
	
	about : function() {
		$("#content")
		.hide();
		$("#container")
		.removeClass()
		.addClass("about");
		$(".section")
		.hide();
		$("#about")
		.show();
		setTimeout("$('#content').slideDown('slow');", 1000);
	}
}