﻿function menu(_top,_left,_parent,_type,_on)
{	
    var ddTimer = null;
    var hasItem = false;
    var parent = (_parent != '' && document.getElementById(_parent)) ? document.getElementById(_parent) : document.getElementsByTagName('body')[0];
    var mainContainer = document.createElement('div');
    var mainContainer2 = document.createElement('div');
    mainContainer.className = 'submenuContainer';
    mainContainer.style.position = 'absolute';
    mainContainer.style.top = parent.offsetTop + parent.offsetHeight + _top +'px';
    mainContainer.style.left = parent.offsetLeft + (_left - 9) + 'px';
    mainContainer.style.display = 'none';
    mainContainer.style.zIndex = '10002';
    mainContainer.onmouseover = function(){resetTimer(); parent.className = 'menuTabHover';};
    mainContainer.onmouseout = function(){ddTimer = setTimeout(_on+'.hideMainMenu();',10);};
    
    mainContainer2.className = 'submenuContainerBG';
    mainContainer2.style.position = 'absolute';
    mainContainer2.style.top = parent.offsetTop + parent.offsetHeight + (_top + 6) +'px';
    mainContainer2.style.left = parent.offsetLeft + (_left - 9) + 'px';
    mainContainer2.style.display = 'none';
    mainContainer2.style.zIndex = '10001';
    
    parent.onmouseover = function(){if(hasItem){resetTimer(); mainContainer.style.display = 'block'; mainContainer2.style.display = 'block'; mainContainer2.style.height = (mainContainer.offsetHeight - 20) + 'px'; mainContainer2.style.width = (mainContainer.offsetWidth - 9) + 'px';}};
    parent.onmouseout = function(){ddTimer = setTimeout(_on+'.hideMainMenu();',10);};
    
    document.getElementsByTagName('body')[0].appendChild(mainContainer2);
    document.getElementsByTagName('body')[0].appendChild(mainContainer);
            
    this.addItem = addItem;
    this.hideMainMenu = hideMainMenu;
    this.resetTimer = resetTimer;
    function addItem(_title,_url,_target)
    {
        hasItem = true;
        menuItem = document.createElement('a');
        menuItem.className = 'submenuItem';
        menuItem.innerHTML = _title;
        menuItem.href = _url;
        if(_target!=''){menuItem.target = _target;}
        mainContainer.appendChild(menuItem);
    }	
    function hideMainMenu()
    {
        mainContainer.style.display = 'none';
        mainContainer2.style.display = 'none';
        parent.className = 'menuTab';
    }	
    function resetTimer()
    {
        clearTimeout(ddTimer);
    }
}