window.onload = init;
var x=0;
var y=0;
var x_b=0;
var y_b=0;
var onBottom=false;


function init()
 {
  if (window.Event) 
  {
    document.captureEvents(Event.MOUSEMOVE);
  }
  document.onmousemove = getXY;
}

function getXY(e) 
{
    x = (window.Event) ? e.pageX : event.clientX;
    y = (window.Event) ? e.pageY : event.clientY;
    if((x > 430 || y >510 || y <350) && onBottom == false)
    {
        hideMenuItem("subMenu");
        hideMenuItem();
    }
    
    if((x - x_b > 200 || x_b -x > 200 ||y - y_b > 20 || y_b - y > 200)&& onBottom == true)
    {
        onBottom = false;
        hideMenuItem("subMenu");
    }
}

function showBottom()
{
    onBottom = true;
    x_b = x;
    y_b = y;
    showSubMenu(x-100,y-160);
}


function showMenuItem(item, delim, mnu_plus, _left, _top, _step, _mnuSelSub)
{
    var top = 294;
    var left = 10;
    var step = 25;
    var mnuSel = "mnuSel";
    if(_top != null)
        top = _top;
    if(_left!= null)
        left =_left;
    if(_step != null)
        step = _step;
    if(_mnuSelSub != null)
        mnuSel =_mnuSelSub;
    if(item > 0)
    {
        if(delim != null)
            top += 15*delim;
        if(mnu_plus != null)
            top += 12*mnu_plus;
        top += item * step;
    }
    document.getElementById(mnuSel).style.top= top+"px";
    document.getElementById(mnuSel).style.left= left+"px";
    document.getElementById(mnuSel).style.visibility="visible";
}

function hideMenuItem(_mnuSel)
{
    var mnuSel = "mnuSel";
    if(_mnuSel != null)
        mnuSel = _mnuSel;
    document.getElementById(mnuSel).style.visibility = "hidden";
}

function showSubMenu(_left,_top)
{
    document.getElementById("subMenu").style.top= _top+"px";
    document.getElementById("subMenu").style.left= _left+"px";
    document.getElementById("subMenu").style.visibility="visible";
}

function hideSubMenu()
{
    document.getElementById("subMenu").style.visibility="hidden";
}