//Call function when the dom is ready

$(function() {
		var start = Math.round(Math.random() * 2 + 1);
		var startCompany = "#EigenSteil";
		switch (start)
		{
			case 1:
				startCompany = "#EigenSteil";
				break;
			case 2:
				startCompany = "#InEigenWoorden";
				break;
			case 3:
				startCompany = "#EigenCode";
				break;
		}
		
		$("#EigenSteil").removeClass('active');
		$("#InEigenWoorden").removeClass('active');
		$("#EigenCode").removeClass('active');
		
		$(startCompany).addClass('active');
		$(startCompany).stop().fadeTo( "fast", 1);
		
		$("#afdeling a:not(.active)").stop().fadeTo( "fast", 0.3);
		
		$("#afdeling a").hover(
		function () {
			$(this).addClass('active');
			$(this).stop().fadeTo( "fast", 1);
		
			$("#afdeling a:not(.active)").stop().fadeTo( "fast", 0.3);
		  }, 
		  function () {
			$(this).removeClass('active');
		  }
		);
		
		$("#content").css({paddingTop:getcp(),paddingBottom:getcp()});
		$("#afdeling a").fadeIn("slow");
});

$(window).resize(function(){
		$("#content").stop().animate({paddingTop:getcp(),paddingBottom:getcp()},250)
	});

function getcp(){ //get content padding
	var padding = ($("html").height() - 512) / 2;
	return padding;
}