//For Menus and Sub Menus
function showDiv(id){
   document.getElementById(id).style.display = "";
}

function hideDiv(id){
   document.getElementById(id).style.display = "none";
}

var menuDelays = [];

function E$(elementId, innerHtml){
  var elem = document.getElementById(elementId);
  if (elem && innerHtml && typeof innerHtml == "string"){
      elem.innerHTML = innerHtml;
  }else if(elem){    
    return elem;
  }
};

function getOffsetLeft(el) {
  return (!el.offsetParent) ? el.offsetLeft : el.offsetLeft + getOffsetLeft(el.offsetParent);
};

function getOffsetTop(el) {
  return (!el.offsetParent) ? el.offsetTop : el.offsetTop + getOffsetTop(el.offsetParent);
};

function showMenuItems(id){  
  
  if (menuDelays[id]) {
    clearTimeout(menuDelays[id]);
  }
  menuDelays[id] = setTimeout("posMenuItems('" + id + "')", 100);
};

function hideMenuItems(id){
  
  if (menuDelays[id]) {
    clearTimeout(menuDelays[id]);
  }        
  menuDelays[id] = setTimeout("hideElem('" + id + "')", 100);
};

function posMenuItems(id) {
  var elem = E$(id);
  var parentElem = E$(id.replace('Menu',''));

  if (elem && elem.style.display != "block") {
    elem.style.visibility = "hidden";
    elem.style.display = "block";
    elem.style.position = "absolute";
    var left = getOffsetLeft(parentElem );
    elem.style.left = left + "px";
    var top = getOffsetTop(parentElem) + parentElem.offsetHeight;
    elem.style.top = top + "px";   
    elem.style.visibility = "visible";
  }
};

function hideElem(id) {
  var elem = E$(id);
  if (elem) { elem.style.display = "none"; }
};


function showSubMenuItems(id,parentid){  

  if (menuDelays[id]) {
    clearTimeout(menuDelays[id]);
  }
  menuDelays[id] = setTimeout("posSubMenuItems('" + id + "')", 100);
   
   showMenuItems(parentid);
};

function hideSubMenuItems(id,parentid){
  
  if (menuDelays[id]) {
    clearTimeout(menuDelays[id]);
  }        
  menuDelays[id] = setTimeout("hideElem('" + id + "')", 100);
  
  hideMenuItems(parentid);
};

function posSubMenuItems(id) {

  var elem = E$(id);
  var parentElem = E$(id.replace('SubMenu',''));

  if (elem && elem.style.display != "block") {
    elem.style.visibility = "hidden";
    elem.style.display = "block";
    elem.style.position = "absolute";
    var left = getOffsetLeft(parentElem)+parentElem.offsetWidth;
    elem.style.left = left + "px";
    var top = getOffsetTop(parentElem) ;   
    elem.style.top = top + "px";
    //var height = parentElem.offsetHeight ;  
    //elem.style.height = height + "px";
    elem.style.visibility = "visible";
  }
};