$("#nav").css("visibility","visible");
$("#nav a").attr("href", "#")
$("#nav a#more").attr("href", "/realisaties")
$('#toggle-1').click(function() {
	$('#panels').animate({marginTop: '0',}, 360, function() {});
	$('#toggle-1').addClass('active');
	$('#toggle-2,#toggle-3,#toggle-4').removeClass('active noClass');
});
$('#toggle-2').click(function() {
	$('#panels').animate({marginTop: '-260',}, 360, function() {});
	$('#toggle-2').addClass('active');
	$('#toggle-1,#toggle-3,#toggle-4').removeClass('active noClass');
});
$('#toggle-3').click(function() {
	$('#panels').animate({marginTop: '-520',}, 360, function() {});
	$('#toggle-3').addClass('active');
	$('#toggle-2,#toggle-1,#toggle-4').removeClass('active noClass');
});
$('#toggle-4').click(function() {
	$('#panels').animate({marginTop: '-780',}, 360, function() {});
	$('#toggle-4').addClass('active');
	$('#toggle-2,#toggle-3,#toggle-1').removeClass('active noClass');
});
sliderIntervalID = setInterval(function(){
	if($('#panels').css('marginTop')!="-780px") {
		$('#panels').animate({marginTop: '-=260'}, 360, function() {});
		$('#nav a.active').next().addClass('active');
		$('#nav a.active').prev().removeClass('active noClass');
	}
	else {
		$('#panels').animate({marginTop: '0'}, 660, function() {});
		$('#toggle-4').removeClass('active noClass');
		$('#toggle-1').addClass('active');
	}
			}, 3800);
$('#nav a').click(function() {
clearInterval(sliderIntervalID);
});