// show current submenu and hide others

function showSubMenu(subMenuName) {
if (!document.getElementById) return;
var name1 = document.getElementById("stonesMenu");
var name2 = document.getElementById("specialtiesMenu");
var name3 = document.getElementById("accentsMenu");
var name4 = document.getElementById("informationMenu");
var name5 = document.getElementById("sanitaryMenu");
var name6 = document.getElementById("cabinetsMenu");
var nameNone = document.getElementById("");

var subMenu = document.getElementById(subMenuName);

if (subMenu == name1) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "visible";
name2.style.visibility = "hidden";
name3.style.visibility = "hidden";
name4.style.visibility = "hidden";
name5.style.visibility = "hidden";
name6.style.visibility = "hidden";
}

else {
if (subMenu == name2) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "hidden";
name2.style.visibility = "visible";
name3.style.visibility = "hidden";
name4.style.visibility = "hidden";
name5.style.visibility = "hidden";
name6.style.visibility = "hidden";
}

else {
if (subMenu == name3) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "hidden";
name2.style.visibility = "hidden";
name3.style.visibility = "visible";
name4.style.visibility = "hidden";
name5.style.visibility = "hidden";
name6.style.visibility = "hidden";
}

else {
if (subMenu == name4) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "hidden";
name2.style.visibility = "hidden";
name3.style.visibility = "hidden";
name4.style.visibility = "visible";
name5.style.visibility = "hidden";
name6.style.visibility = "hidden";
}

else {
if (subMenu == name5) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "hidden";
name2.style.visibility = "hidden";
name3.style.visibility = "hidden";
name4.style.visibility = "hidden";
name5.style.visibility = "visible";
name6.style.visibility = "hidden";
}

else {
if (subMenu == name6) {
document.getElementById("displayIn").style.zIndex = 1;
name1.style.visibility = "hidden";
name2.style.visibility = "hidden";
name3.style.visibility = "hidden";
name4.style.visibility = "hidden";
name5.style.visibility = "hidden";
name6.style.visibility = "visible";
}

else {
if (subMenu == nameNone){
document.getElementById("displayIn").style.zIndex = 1111;
name1.style.visibility = "hidden";
name2.style.visibility = "hidden";
name3.style.visibility = "hidden";
name4.style.visibility = "hidden";
name5.style.visibility = "hidden";
name6.style.visibility = "hidden";
}
}
}
}
}
}
}
}

// hide submenu
function hideSubMenu(subMenuName) {
if (!document.getElementById) return;
var subMenu = document.getElementById(subMenuName);
subMenu.style.visibility = "hidden";
}

//change color of "_" to black
function changeColor() {
var x = document.getElementById("titleText");
var txt = x.innerHTML;
var text = txt.replace(/\s/g,"<font color='#000000'>_</font>");
document.getElementById("titleText").innerHTML = text;
}