var GLOBAL_LastMainMenu = '';
var GLOBAL_TimeOuts = [];

function Roll( id ) {
  if(GLOBAL_LastMainMenu) {
    HideMenu(GLOBAL_LastMainMenu);
  }
  ShowMenu(id);
  GLOBAL_LastMainMenu = id;
}

function RollOut( id ) {
  MySetTimeout( id );
}

function ShowMenu( id ) {
  myImg = document.getElementById("img_" + id);
  myImg.src = myImg.src.replace('off', 'on');
  mySub = document.getElementById("sub_" + id);
  if(mySub) {
    mySub.style.display = "block";
  }
}

function HideMenu( id ) {
  MyClearTimeout( id );
  myImg = document.getElementById("img_" + id);
  myImg.src = myImg.src.replace('on', 'off');
  mySub = document.getElementById("sub_" + id);
  if(mySub) {
    mySub.style.display = "none";
  }
}

function MySetTimeout( id ) {
  GLOBAL_TimeOuts[id] = setTimeout('HideMenu("' + id + '");', 350);
}

function MyClearTimeout( id ) {
  clearTimeout(GLOBAL_TimeOuts[id]);
  GLOBAL_TimeOuts[id] = null;
}

function RollLeft( id ) {
  mySub = document.getElementById("lsub_" + id);
  if ( mySub.style.display == "none" || mySub.style.display == "" ) {
    mySub.style.display = "block";
  } else {
    mySub.style.display = "none";
  }
}