var menuVisible = false;
var currentArrow = 0;

var arrowImages = new Array(4);
arrowImages[0] = "arrow1.gif";
arrowImages[1] = "arrow2.gif";
arrowImages[2] = "arrow3.gif";
arrowImages[3] = "arrow4.gif";

function togglemenu() {
	if (menuVisible) {
		origheight = document.getElementById('mnu_info').offsetHeight;
		document.getElementById('mnu_info').style.display='none';
		menuVisible=false;
		rotateArrow('mnuInformatieItem');
	} else {
		document.getElementById('mnu_info').style.display ='block';
		menuVisible=true;;
		rotateArrow('mnuInformatieItem');
	}
}

function rotateArrow(itemToRotate) {
	if (menuVisible && currentArrow < 3) {
		currentArrow++;
		t = setTimeout("rotateArrow('" + itemToRotate + "')", 100);
		document.getElementById(itemToRotate).style.backgroundImage = "url(" + arrowImages[currentArrow] + ")";
	} else if (!menuVisible && currentArrow > 0) {
		currentArrow--;
		t = setTimeout("rotateArrow('" + itemToRotate + "')", 100);
		document.getElementById(itemToRotate).style.backgroundImage = "url(" + arrowImages[currentArrow] + ")";
	} else if (!menuVisible && currentArrow == 0) {
		document.getElementById(itemToRotate).style.backgroundImage = "url('menuhover.gif')";
		document.getElementById(itemToRotate).style.backgroundImage = "none";
	}
	document.getElementById(itemToRotate).style.backgroundRepeat = "no-repeat";
}