function menuhi(i) {
  var title = document.getElementById("title"+i);
  title.style.backgroundColor = "#FF7014";
  title.style.color = "white";
}

function menulo(i) {
  var title = document.getElementById("title"+i);
  if (title.className != "menusel") {
    title.style.backgroundColor = "#C4C5C6";
    title.style.color = "black";
  }
}

var showtimer, hidetimer;
function menuover(i) {
  menuhi(i);
  clearTimeout(hidetimer);
  menushow(i);
}

function menuout(i) {
  menulo(i);
  clearTimeout(hidetimer);
  hidetimer = setTimeout("menushide()", 2000);
}

var opentimer, closetimer, openmenu=0;
function menushow(i) {
  var menu = document.getElementById("menu"+i);
  var end = document.getElementById("end"+i);
  if (menu.offsetHeight + 6 < end.offsetTop + 4) {
    menu.style.height = menu.offsetHeight + 6;
    opentimer = setTimeout("menushow("+i+")", 15);
  } else {
    menu.style.height = end.offsetTop + 4;
  }
}

function menushide() {
  menuhide(1);
}

function menuhide(i) {
  if (menuclose(i))
    closetimer = setTimeout("menuhide("+i+")", 30);
  else if(i < 3)
    menuhide(i+1);
}

function menuclose(i) {
  var title = document.getElementById("title"+i);
  if (title.className == "menusel") 
    return false;
  
  var menu = document.getElementById("menu"+i);
  if (menu.offsetHeight - 6 > 23) {
    menu.style.height = menu.offsetHeight - 6;
    return true;
  }
  menu.style.height = 23;
  return false;
}