var leftArray = {
  sm1:[0,89],
  sm2:[90,162]
};

var hideTimeout;

function viewSubMenu(obj) {
  clearTimeout(hideTimeout);
  doHideSubMenu();
  obj.className='menu red';
  if (typeof(leftArray['s'+obj.id]) != "undefined") {
    document.getElementById('s'+obj.id).style.top = '26px';
    document.getElementById('s'+obj.id).style.left = leftArray['s'+obj.id][0]+'px';
    document.getElementById('s'+obj.id).style.width = leftArray['s'+obj.id][1]+'px';
    document.getElementById('s'+obj.id).style.display = 'block';
  }
}

function hideSubMenu(id) {
  hideTimeout = setTimeout('doHideSubMenu()',1000);
}

function doHideSubMenu() {
  for (var i=1;i<9;i++) {
    document.getElementById('m'+i).className='menu blu';
    if (typeof(leftArray['sm'+i]) != "undefined") 
      document.getElementById('sm'+i).style.display = 'none';
  } 
}

function highSubMenu(obj,n) {
  clearTimeout(hideTimeout);
  if (n == 1)
    obj.className = 'submenu red';
  else 
    obj.className = 'submenu blu';
}