$(document).ready(function() {
	var queryhash = window.location.hash
	switch (queryhash) {
		case "#about":
			document.title = "Ngai Kam Wing - About";
			initialShowAbout();
			break;
		case "#contact":
			document.title = "Ngai Kam Wing - Contact";
			initialShowContact();
			break;
		case "#networks":
			document.title = "Ngai Kam Wing - Networks";
			initialShowNetworks();
			break;
		default:
			initialShowAbout();
			break;
	}
	$("h2").hide();
	$("#vcard a").hover(showVcardLabel, hideVcardLabel);
	$("#nav-about a").click(showAbout);
	$("#nav-networks a").click(showNetworks);
	$("#nav-contact a").click(showContact);
	fadeleft();
});

function showVcardLabel() {
	$("#vcard a span").show();
	$("#vcard a span").animate({
		top: "-40px",
		opacity: 1
	}, 250 );
}

function hideVcardLabel() {
	$("#vcard a span").animate({ 
		top: "-35px",
		opacity: 0
	}, 250 );
	setTimeout("$('#vcard a span').hide();", 250);
	$("#vcard a span").animate({ 
		top: "-45px",
	}, 250 );
}

function initialShowNetworks() {
	$("#content").hide();
	$("#kamwingngai").removeClass();
	$("#kamwingngai").addClass("networks");
	$(".node").hide();
	$("#networks").show();
	setTimeout("$('#content').slideDown('slow');", 1000);
}

function initialShowAbout() {
	$("#content").hide();
	$("#kamwingngai").removeClass();
	$("#kamwingngai").addClass("about");
	$(".node").hide();
	$("#about").show();
	setTimeout("$('#content').slideDown('slow');", 1000);
}

function initialShowContact() {
	$("#content").hide();
	$("#kamwingngai").removeClass();
	$("#kamwingngai").addClass("contact");
	$(".node").hide();
	$("#contact").show();
	setTimeout("$('#content').slideDown('slow');", 1000);
}

function showAbout() {
	if ($("#kamwingngai").hasClass("about")){ }
	else {
		document.title = "Ngai Kam Wing - About";
		$("#content").slideUp(500);
		$(".node").fadeOut(500);
		setTimeout("$('.node').hide();", 500);
		setTimeout("$('#about').show();", 500);
		$("#content").slideDown(500);
		$("#kamwingngai").removeClass();
		$("#kamwingngai").addClass("about");
	}
}

function showNetworks() {
	document.title = "Ngai Kam Wing - Networks";
	if ($("#kamwingngai").hasClass("networks")){ }
	else {
		$("#content").slideUp(500);
		$(".node").fadeOut(500);
		setTimeout("$('.node').hide();", 500);
		setTimeout("$('#networks').show();", 500);
		$("#content").slideDown(500);
		$("#kamwingngai").removeClass();
		$("#kamwingngai").addClass("networks");
	}
}

function showContact() {
	if ($("#kamwingngai").hasClass("contact")){ }
	else {
		document.title = "Ngai Kam Wing - Contact";
		$("#content").slideUp(500);
		$(".node").fadeOut(500);
		setTimeout("$('.node').hide();", 500);
		setTimeout("$('#contact').show();", 500);
		$("#content").slideDown(500);
		$("#kamwingngai").removeClass();
		$("#kamwingngai").addClass("contact");
	}
}

function fadeleft() {
	$('#about h3').each(function () {
		$('<div class="fader" />').css('opacity', 0).prependTo(this);
	}).hover(function () {
		$('img', this).stop().animate({
			marginLeft : 10
		}, 250);
    
		$('.fader', this).stop().animate({
			opacity : .15
		});
    
	}, function () {
		$('img', this).stop().animate({
			marginLeft : 15
		}, 250);
    
		$('.fader', this).stop().animate({
			opacity : 0
		});
	}).find('img').css('marginLeft', 15);
}