var styleMenuDelay     = 1000; // Value is in miliseconds
var styleMenuActive    = false;

function styleMenuOn(index) {
    styleMenuActive = true;

    for (i = 0; i < 10; i ++) {
    	if(document.getElementById("style-menu" + i)) {
        document.getElementById("style-menu" + i).style.display = "none";
        //document.getElementById("top-nav-" + i).className = "";
      }
    }
    if (document.getElementById("style-menu" + index)) {
    	document.getElementById("style-menu" + index).style.display = "block";
    }

    //document.getElementById("top-nav-" + index).className = "selected";
}

function styleMenuOff(index) {
    styleMenuActive = false;
    setTimeout("styleMenuOffQuick(" + index + ")", styleMenuDelay);
}


function styleMenuOffQuick(index) {
    if (styleMenuActive == false) {
    	if (document.getElementById("style-menu" + index)) {
        document.getElementById("style-menu" + index).style.display = "none";
        //document.getElementById("top-nav-" + index).className = "";
      }
    }
}

function styleMenuOffAll() {
    for (i = 0; i < 10; i ++) {
    	if (document.getElementById("style-menu" + i)) {
        document.getElementById("style-menu" + i).style.display = "none";
        //document.getElementById("top-nav-" + i).className = "";
      }
    }
}