/************************* INIT ******************************/
function init(){
  var d1=getE("banner");
  var d2=getE("bottom");
  var h = getY(d2) - getY(d1);
  var divborderleft = getE("maindivborder-left-content");
  var divborderright = getE("maindivborder-right-content");
  if (divborderleft!=null) divborderleft.style.height = (getPageY(d2)-getPageY(d1))+"px";
  if (divborderright!=null) divborderright.style.height = (getPageY(d2)-getPageY(d1))+"px";
}


/************************* MENUS *****************************/
var arrMenuStates = new Array();
var arrRightMenuStates = new Array();

var g_closeDelay = 200;
var g_arrWidths = new Array();
var g_arrHeights = new Array();

function switchMenu(id, bolstate){
  var divMenu = document.getElementById("menu_"+id);
  var divSubMenuWrapper = document.getElementById("submenuwrapper_"+id);
  var divSubMenuBG = document.getElementById("submenubg_"+id);
  var divSubMenu = document.getElementById("submenu_"+id);
  var imgMenu = document.getElementById("img_"+id);
  
  var divMain = document.getElementById("maindiv");
  var mainW = 965;
  var mainX = getIPageX(divMain);
  
  if (imgMenu!=null) imgMenu.src=(bolstate)?arrMenuStates[id].urlOn:arrMenuStates[id].urlOff;
  if (bolstate && divSubMenuBG!=null && divSubMenu!=null){
    
    divSubMenuWrapper.style.display='block';
    
    var posX = getIPageX(imgMenu);
    var widthSubMenu = getW(divSubMenuWrapper);
    // check if submenu overflow the site on the right border
    if (posX + widthSubMenu > mainX+mainW){
      posX = mainX + mainW - widthSubMenu - 22;
    }
    
    setX(divSubMenuWrapper, ""+posX+"px");
    
    if (g_arrWidths[id]==null) g_arrWidths[id] = getW(divSubMenu);
    if (g_arrHeights[id]==null) g_arrHeights[id] = getH(divSubMenu);
    
    setH(divSubMenuWrapper, ""+g_arrHeights[id]+"px");
    setH(divSubMenuBG, ""+g_arrHeights[id]+"px");
    
  }
  else if (divSubMenuBG!=null && divSubMenu!=null){
    divSubMenuWrapper.style.display='none';
  }
}

function updateMenuState(id, bolstate){
  arrMenuStates[id].state=bolstate;
  if (bolstate){
    closeOthers(id);
    clearTimeout(arrMenuStates[id].closeTimeout);
    arrMenuStates[id].closeTimeout = null;
    switchMenu(id, 1);
  }
  else {
    arrMenuStates[id].closeTimeout = setTimeout("switchMenu('"+id+"',0)", g_closeDelay);
  }
}

function updateMenuStateFromSubMenu(id, bolstate){
  arrMenuStates[id].state=bolstate;
  if (bolstate){
    closeOthers(id);
    clearTimeout(arrMenuStates[id].closeTimeout);
    arrMenuStates[id].closeTimeout = null;
  }
  else {
    arrMenuStates[id].closeTimeout = setTimeout("switchMenu('"+id+"',0)", g_closeDelay);
  }
}

function closeOthers(id){
  for (k in arrMenuStates){
    if (k!=id){
      clearTimeout(arrMenuStates[k].closeTimeout);
      arrMenuStates[k].closeTimeout = null;
      switchMenu(k, 0);
    }
  }
}


function switchRightMenu(id, bolstate){
  
  var img = getI(id);
  if (img){
    img.src=(bolstate)?arrRightMenuStates[id].urlOn:arrRightMenuStates[id].urlOff;
  }
  
  var banner = document.getElementById("banner");
  if (banner!=null && arrRightMenuStates[id].urlBannerOn!=null && arrRightMenuStates[id].urlBannerOff!=null){
    banner.style.backgroundImage="url(" + ((bolstate)?arrRightMenuStates[id].urlBannerOn:arrRightMenuStates[id].urlBannerOff) +")";
  }
  
}