var cursorX = 0;
var cursorY = 140;
var baseCursorX = cursorX;
var baseCursorY = cursorY;
var tempCursorX = cursorX;
var tempCursorY = cursorY;
var menuCursorTimer = 0;


function menuCursorMover ()
{
    if (cursorX != tempCursorX)
    {
        var Dx = tempCursorX - cursorX;
        cursorX = Math.floor (  cursorX + Dx/5);
        cursor = document.getElementById('topbarCursor');
        cursor.style.left = cursorX + 'px';
    }

    menuCursorTimer = setTimeout("menuCursorMover();",50);
}

function menuCursorHandler (areaElem)
{
    Sc = areaElem.coords.split(',');
    X = (parseInt(Sc[2]) + parseInt(Sc[0])) / 2;
    tempCursorX = X - 70;
}

function menuCursorOutHandler (areaElem)
{
    tempCursorX = baseCursorX;
    document.getElementById('menuPopup0').style.visibility = 'hidden';
    document.getElementById('menuPopup1').style.visibility = 'hidden';
    document.getElementById('menuPopup2').style.visibility = 'hidden';
    document.getElementById('menuPopup3').style.visibility = 'hidden';
    document.getElementById('menuPopup4').style.visibility = 'hidden';
    document.getElementById('menuPopup5').style.visibility = 'hidden';
    document.getElementById('menuPopup6').style.visibility = 'hidden';
    document.getElementById('menuPopup7').style.visibility = 'hidden';
    document.getElementById('menuPopup8').style.visibility = 'hidden';
    document.getElementById('menuPopup9').style.visibility = 'hidden';
}

function setMenuCursorAt (areaNumber)
{
    areaElem = document.getElementById("menuArea" + areaNumber);

    Sc = areaElem.coords.split(',');
    X = (parseInt(Sc[2]) + parseInt(Sc[0])) / 2;
    cursorX = X - 70;
    baseCursorX = cursorX;
    tempCursorX = cursorX;

    if (menuCursorTimer == 0)
        menuCursorTimer = setTimeout("menuCursorMover();",50)
}

function showMenuPopup (areaNumber)
{
    document.getElementById('menuPopup'+areaNumber).style.visibility = 'visible';
    area = document.getElementById('menuArea' + areaNumber);
    coords = area.coords.split(',');
    xpos = parseInt(coords[0]);
    ypos = parseInt(coords[1]);
    document.getElementById('menuPopup'+areaNumber).style.left = xpos + 'px';
    document.getElementById('menuPopup'+areaNumber).style.top = (ypos+40) + 'px';
}