var timeout	= 500;
var closetimer	= 0;
var menuitem	= 0;

// open hidden layer
function boxopen(openid) {
	var openboxid = "selectbox" + openid;

	// cancel close timer
	boxcancelclosetime();

	// close old layer
	if(menuitem) {
		menuitem.style.visibility = 'hidden';
	}

	// get new layer and show it
	menuitem = document.getElementById(openboxid);
	menuitem.style.visibility = 'visible';
}

function boxopenstart(openid) {
	var openboxid = "selectbox" + openid;

	// cancel close timer
	boxcancelclosetime();

	if(menuitem) {
	} else {
		document.getElementById(openboxid).style.visibility = 'visible';
		document.getElementById('placesbutton').style.backgroundColor= '#898989';	
	}
}

// close showed layer
function boxclose() {
	for(i=0; i<=7; i++) {
		var closeboxid = "selectbox" + i;
		document.getElementById(closeboxid).style.visibility = 'hidden';
	}

	document.getElementById('placesbutton').style.backgroundColor= '#017610';
	//document.getElementById('placesbutton').style.color= '#f0f1bb';

	menuitem = 0;
}

function boxttclose() {
	for(i=0; i<=7; i++) {
		var closeboxid = "selectbox" + i;
		document.getElementById(closeboxid).style.visibility = 'hidden';
	}

	document.getElementById('placesbutton').style.backgroundColor= '#017610';
	//document.getElementById('placesbutton').style.color= '#f0f1bb';

	menuitem = 0;
}

// go close timer
function boxclosetime() {
	closetimer = window.setTimeout(boxclose, timeout);
}

// cancel close timer
function boxcancelclosetime() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
//document.onclick = boxclose;