var timeout;
var delay = 500;
var nbsubmenu = 0;


function init(){
    while (document.getElementById('submenuHN'+nbsubmenu))
	nbsubmenu++;
}

function show_horizonNav(id) {
    cancelHide();
    hideNav();
    displayTab(id);
    if (document.getElementById('submenuHN'+id))
	document.getElementById('submenuHN'+id).style.display="block";
}

function hideDelay() {
    timeout = setTimeout('hideNav()',delay);
}
function cancelHide() {
    if (timeout) {
	clearTimeout(timeout);
    }
}
function hideNav() {
    for(i=0;i<=nbsubmenu;i++) {
	if (document.getElementById("submenuHN"+i))
	    document.getElementById("submenuHN"+i).style.display="none";
    }
    hideTab();
}


function displayTab(id){
	document.getElementById('tabTitle'+id).className="tabTitleOn";
	document.getElementById('tab'+id).className="tabOn";
}

function hideTab(){
    for(i=0;i<=nbsubmenu;i++) {
	if (document.getElementById("tab"+i)){
	    document.getElementById("tab"+i).className="tab"+i;
	    document.getElementById("tabTitle"+i).className="tabTitleOff";
	}
    }

}