var timeout = 500;
var closetimer = 0;
var menuItem = 0;

function openHiddenLayer(id) {
	cancelCloseTimer();
	if (menuItem)
		menuItem.style.visibility = 'hidden';
	menuItem = document.getElementById(id);
	menuItem.style.visibility = 'visible';
}

function closeShowedLayer() {
	if (menuItem)
		menuItem.style.visibility = 'hidden';
}

function closeTimer() {
	closetimer = window.setTimeout(closeShowedLayer, timeout);
}

function cancelCloseTimer() {
	if (closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

document.onclick = closeShowedLayer;

function processTabs(classname2show, classnames2hide) {
	var elements = $$(classname2show);
	for ( var i = 0; i < elements.length; ++i) {
		var element = $(elements[i]);
		element.show();
	}
	for ( var j = 0; j < classnames2hide.length; ++j) {
		elements = $$(classnames2hide[j]);
		for ( var i = 0; i < elements.length; ++i) {
			var element = $(elements[i]);
			element.hide();
		}
	}
	var id = classname2show.sub('\.', '');
	element = $(id);
	element.setStyle( {
		backgroundColor : '#ffef61'
	});
	for ( var j = 0; j < classnames2hide.length; ++j) {
		var element = $(classnames2hide[j].sub('\.', ''));
		element.setStyle( {
			backgroundColor : '#fff9c5'
		});
	}
}