$(document).ready(function() {
	$("div.projectHolder div").addClass("project");
	$("div.projectHolder div p:nth-child(1)").addClass("projectTitle");
	$("div.projectHolder div p:nth-child(2)").addClass("projectTimeAndPlace");
	$("div.projectHolder div p:nth-child(3)").addClass("projectDescription");
	$("div.projectHolder div p:nth-child(4)").addClass("projectSkills");

	$("div.cvHolder div p:nth-child(1)").addClass("cvTime");
	$("div.cvHolder div p:nth-child(2)").addClass("cvDescription");
	$("div.cvHolder div p:nth-child(3)").addClass("cvDescription");

	$("#panelSwitcher li").click(switchPanel);
	$("#panelSwitcher li:first-child").toggleClass("panel");
	$("div.contentLane").hide();

	abcd(showMenu);
});

function showMenu() {
	$("#panelSwitcher").slideDown(500);
}

function abcd(cont) {
	var newPanel = $("#panelSwitcher li[class=panel]").attr("id");

	$("div.contentLane > div").hide();
	$("div." + newPanel).show();

	$("div.contentLane").fadeIn(300, cont);
}

function switchPanel() {
	var oldPanel = $("#panelSwitcher li[class=panel]").attr("id");
	var newPanel = this.id;

	$("#panelSwitcher li[class=panel]").toggleClass("panel");
	$("#panelSwitcher li[id=" + newPanel + "]").toggleClass("panel");

	$("div.contentLane").fadeOut(300, abcd);
}