// JavaScript Document

function mouseOnto_menuItem(itemId){
  //document.all['MouseOverSpot'+itemId].style.zIndex = 3;} // not works
  //document.getElementById('divRightUpperMenu_7items_TabMouseOverSpot'+itemId).style.zIndex = 3;} // works
  //document.getElementById("divMainMenu_ItemMouseOverSpot"+itemId).style.zIndex = 3;} // works

  //---- if(itemId != currentMainMenuItem) {
    //---- document.getElementById("divMainMenu_itemMouseOverSpot"+itemId).style.zIndex = 4;

//-----------------
/*
    alert("divButtonLight"+itemId+"-zIndex: "+document.getElementById("divButtonLight"+itemId).style.zIndex);
    alert("divButton"+itemId+"-zIndex: "+document.getElementById("divButton"+itemId).style.zIndex);

    document.getElementById("divButtonLight"+itemId).style.zIndex = 3;

    alert("divButtonLight"+itemId+"-zIndex: "+document.getElementById("divButtonLight"+itemId).style.zIndex);
    alert("divButton"+itemId+"-zIndex: "+document.getElementById("divButton"+itemId).style.zIndex);
*/
//-----------------

    //var z_index_buttonLight = document.getElementById("divButtonLight"+itemId).style.zIndex;
    //var z_index_button = document.getElementById("divButton"+itemId).style.zIndex;

    //alert("divButtonLight-zIndex: "+z_index_buttonLight);

    //alert("divButtonLight"+itemId+"-zIndex: "+z_index_buttonLight);
    //alert("divButton"+itemId+"-zIndex: "+z_index_button);

  if(itemId != currentMainMenuItem)
    document.getElementById("divButtonLight"+itemId).style.zIndex = 4;

    //z_index_buttonLight = document.getElementById("divButtonLight"+itemId).style.zIndex;
    //z_index_button = document.getElementById("divButton"+itemId).style.zIndex;

    //alert("divButtonLight"+itemId+"-zIndex: "+z_index_buttonLight);
    //alert("divButton"+itemId+"-zIndex: "+z_index_button);

/*
!! In upper-frame_base.css
#divButtonLight1 {position: absolute; top: 120px; left: 135px; z-index: 1;}
and
#divButton1 {position: absolute; top: 120px; left: 135px; z-index: 2;}
are considered at displaying the page
(it seems from putting [z-index: 1 -layer] more forward in the code),
but (however)
document.getElementById("divButtonLight"+itemId).style.zIndex
and
document.getElementById("divButton"+itemId).style.zIndex;
return 0 (zero) value for the first time!!
*/

//-----------------

    //document.getElementById("cellMainMenuText"+itemId).style.color = "#BED1E4";
    //document.getElementById("cellMainMenuText"+itemId).style.color = "#ffffff";
    //document.getElementById("cellMainMenuText"+itemId).style.color = "#800D33";
  //}
}

//----------------------------------------------

function mouseOff_menuItem(itemId){
  //document.all['MouseOverSpot'+itemId].style.zIndex = 1;} // not works
  //document.getElementById('divRightUpperMenu_7items_TabMouseOverSpot'+itemId).style.zIndex = 1;}

  //---- if(itemId != currentMainMenuItem) {
    //---- document.getElementById("divMainMenu_itemMouseOverSpot"+itemId).style.zIndex = 1;

  if(itemId != currentMainMenuItem)
    document.getElementById("divButtonLight"+itemId).style.zIndex = 1;

    //document.getElementById("cellMainMenuText"+itemId).style.color = "#213674";
  //}
}