var mylinks = new Array();
mylinks[1] = "/content/over%20het%20project";
mylinks[2] = "/content/lidmaatschap";
mylinks[3] = "/content/activiteiten";
mylinks[4] = "/content/nieuws%20en%20fotogalerij";
mylinks[5] = "/content/inschrijven";
mylinks[6] = "/content/tarieven";

$(document).ready(function(){
	$('#bar1 a.bar_button').click(function() { animate1(1); });
	$('#bar2 a.bar_button').click(function() { animate1(2); });
	$('#bar3 a.bar_button').click(function() { animate1(3); });
	$('#bar4 a.bar_button').click(function() { animate1(4); });
	$('#bar5 a.bar_button').click(function() { animate1(5); });
	$('#bar6 a.bar_button').click(function() { animate1(6); });

	$('#bar1-pagina a.bar_button').click(function() { animate2(1); });
	$('#bar2-pagina a.bar_button').click(function() { animate2(2); });
	$('#bar3-pagina a.bar_button').click(function() { animate2(3); });
	$('#bar4-pagina a.bar_button').click(function() { animate2(4); });
	$('#bar5-pagina a.bar_button').click(function() { animate2(5); });
	$('#bar6-pagina a.bar_button').click(function() { animate2(6); });

});

function animate1(bar) {
	$('a.bar_button').hide();
	$('.spacer').animate({width: "2px"}, '1000');
	$('.a_bar').animate({width: "30px"}, '1000');

	$('#bar' + bar).animate({width: "835px"}, '2000',
		function() { location.href=mylinks[bar]; }
	);
}

function animate2(bar) {
	$('a.bar_button').hide();
	$('.menu').hide();
	$('.imagepad').hide();
	$('.mypad').hide();

	$('.cur_page').animate({width: "30px"}, '1000',
		function() { $('#bar' + bar + '-pagina').animate({width: "835px"}, '2000', function() { location.href=mylinks[bar]; } ); }
	);
}