ANIMATION_TIME = 800;

function veranderHoogte(hoogte)
{
	$("#hoofdKolom").animate({height: hoogte+"px"},ANIMATION_TIME);
	$(".schaduwKolom").animate({height: (hoogte+2)+"px"},ANIMATION_TIME);
}

function veranderPagina(pagina,hoogte,animatieTijd)
{
	$(".content").fadeOut(animatieTijd-200,0);
	veranderHoogte(hoogte);
	setTimeout("$('" + pagina + "').fadeTo(" + (animatieTijd-400) + ",1)",animatieTijd-200);
}

function veranderMenuHighlight(pagina)
{
	$("#projectsButton").attr('src','images/projects.png');
	$("#filesButton").attr('src','images/files.png');
	$("#contactButton").attr('src','images/contact.png');
	$("#homeButton").attr('src','images/home.png');
	
	$("#" + pagina + "Button").attr('src','images/' + pagina + 'high.png');
}

$(document).ready(function(){
	
	//hovers
	$("#homeButtonA").hover(function() {
		$("#homeButton").stop().fadeTo(300,0);
	}, function() {
		$("#homeButton").stop().fadeTo(300,1);
	});
	$("#projectsButtonA").hover(function() {
		$("#projectsButton").stop().fadeTo(300,0);
	}, function() {
		$("#projectsButton").stop().fadeTo(300,1);
	});
	$("#filesButtonA").hover(function() {
		$("#filesButton").stop().fadeTo(300,0);
	}, function() {
		$("#filesButton").stop().fadeTo(300,1);
	});
	$("#contactButtonA").hover(function() {
		$("#contactButton").stop().fadeTo(300,0);
	}, function() {
		$("#contactButton").stop().fadeTo(300,1);
	});
	
	//clicks
	$("#homeButtonA").click(function() {
		veranderPagina("#home",470,ANIMATION_TIME);
		veranderMenuHighlight('home');
	});
	
	$("#projectsButtonA").click(function() {
		veranderPagina("#projects",2080,ANIMATION_TIME);
		veranderMenuHighlight('projects');
	});
	
	$("#filesButtonA").click(function() {
		veranderPagina("#files",330,ANIMATION_TIME);
		veranderMenuHighlight('files');
	});
	
	$("#contactButtonA").click(function() {
		veranderPagina("#contact",500,ANIMATION_TIME);
		veranderMenuHighlight('contact');
	});
});