var timeoutReference = 0;
var overMenu = false;

function viewMenu(parent)
{
    if(timeoutReference != 0)
        window.clearTimeout(timeoutReference);
        
    hideAll();
    overMenu = false;
    var offsetLeft = parent.offsetLeft;
    var offsetTop = parent.offsetTop;
    timeoutReference = window.setTimeout("hideAllTimeout()", 3000);
    
    var childId = parent.id + '_child';
    var child = document.getElementById(childId);
    if(child)
    {   
        child.style.display = 'block';
        child.style.top = offsetTop + 28 + 'px';
        child.style.left = offsetLeft -10 + 'px';
    }
}

function hideMenu(e, element) {
var ziel=e.relatedTarget?e.relatedTarget:e.toElement;
var kinder=element.getElementsByTagName('*');
for(var i=0;i<kinder.length;i++)if(kinder[i]==ziel||element==ziel)return;
    element.style.display = 'none';
}

function hideAllTimeout()
{
    if(overMenu == false)
    {
        hideAll();
    }
}

function hideAll()
{
    for(var i = 0; i < 10; i++)
    {
       var element = document.getElementById(i + '_child');
       if(element)
       {
            element.style.display = 'none'; 
       }
    }
}

function clearTimeoutCustom()
{
    overMenu = true;
}