var timeoutID;
var timeoutID2;
var timeoutID3;

function showCat1 () {
    clearTimeout(timeoutID);
    //hideAll();
    document.getElementById('first-level').style.display = 'block';
}
function hideCat1 () {
    timeoutID = setTimeout(hideFunc('first-level'), 1000);
}

function showCat2 (ind) {
    clearTimeout(timeoutID2);
    hideAllCat2();
    document.getElementById('second-level-'+ind).style.display = 'block';
}
function hideCat2 (ind) {
    timeoutID2 = setTimeout(hideFunc('second-level-'+ind), 1000);
}
function highlight2() {
        clearTimeout(timeoutID);
	clearTimeout(timeoutID2);
}
function hideAllCat2() {
    my_clients = document.getElementsByClassName("second-level");
    for (i = 0; i < my_clients.length; i++) {
        my_clients[i].style.display = "none";
    }
}



function showNav(parentObj) {
	clearTimeout(timeoutID);
	hideAll();

	//console.debug('show: ' + parentObj.parentNode.childNodes[2].id);
	parentObj.parentNode.childNodes[3].style.display = 'block';
}

function startHide(obj) {
	//console.debug('startHide: ' + obj.id);
	timeoutID = setTimeout(hideFunc(obj.id), 500);
}

function startHideChild(obj) {
	timeoutID = setTimeout(hideFunc(obj.parentNode.childNodes[3].id), 500);
}

function hideFunc (objId) {
	return function () {
		hideNav(objId);
	}
}

function hideAll(ind) {
	hideCat1();
	hideCat2(ind);
}

function hideSecond() {
	hideNav('second-level');
}

function highlight() {
	clearTimeout(timeoutID);
}

function hideNav(objId) {
	//console.debug('hide ' + objId);
	document.getElementById(objId).style.display = 'none';
}