$(document).ready(function()
{  
	$(".menuBox li a").click(function(){
		$(".menuBox li").removeClass("active");
		$(this).parent().addClass("active");
		var object = $(this).attr("href");
		var object_name = object.substr(1);
		var offset = $("[name="+object_name+"]").offset();
		var offsetTop = offset.top-50;
		$("html,body").animate({scrollTop: offsetTop}, 1000);
	});
	
	$("a.scroller").click(function(){
		var object = $(this).attr("href");
		var object_name = object.substr(1);
		var offset = $("[name="+object_name+"]").offset();
		var offsetTop = offset.top-50;
		$("html,body").animate({scrollTop: offsetTop}, 1000);
	});
	
	$("#workCntr ul.projects li a").click(function(){
		var project = $(this).attr("href");
		$("" + project + " ").show();
		$("" + project + " ").hide();
		
		$("#workCntr div.moreWork").fadeOut(500, function(){
			$("#workCntr div.moreWork").addClass("hidden");
			$("" + project + " ").fadeIn();
			var object_name = "ons-werk";
			var offset = $("[name="+object_name+"]").offset();
			var offsetTop = offset.top-50;
			$("html,body").animate({scrollTop: offsetTop}, 1000);
		});
	});
	
	$("#workCntr span.terug").click(function(){
		$("#workCntr div.details").fadeOut(500, function(){
			$("#workCntr div.moreWork").fadeIn();
			var object_name = "ons-werk";
			var offset = $("[name="+object_name+"]").offset();
			var offsetTop = offset.top-50;
			$("html,body").animate({scrollTop: offsetTop}, 1000);
		});
	});
});