var timeout = 500;
var timer = 0;
var subtimer = 0;
var menuitem = 0;
var submenuitem = 0;
var i = 0;


function openmenu(id)
{
    canceltimer();  
 
    if(menuitem)
    {
        menuitem.style.display = 'none';
    }
    
    if(submenuitem)
    {
        submenuitem.style.display = 'none';
    }
    
    menuitem = document.getElementById('div'+id);
    
    if(menuitem)
    {
        var button = document.getElementById('img'+id);
        menuitem.style.top=findPosY(button)-document.getElementById('content').scrollTop+20;
        menuitem.style.left=findPosX(button)+85;

        i = 0;
        menuitem.style.display = 'block';
        fadein(); 
    }
}

function opensubmenu(id, subid)
{
    cancelsubtimer();
    
    if(submenuitem)
    {
        submenuitem.style.display = 'none';
    }
    
    if(menuitem != document.getElementById('div'+id))
    {
        menuitem.style.display = 'none';
    }
    
    menuitem = document.getElementById('div'+id);
    submenuitem = document.getElementById('div'+subid);
    
    if(submenuitem)
    {
        var button = document.getElementById('img'+id);
        var subbutton = document.getElementById('btn'+subid);
        
        submenuitem.style.top=findPosY(subbutton)+18;
        submenuitem.style.left=findPosX(subbutton)+50;
        
        i = 0;
        submenuitem.style.display = 'block';
        fadeinsub();
    }
}

function closemenu()
{
    if(menuitem)
    {
        menuitem.style.display = 'none';
    }
    
    if(submenuitem)
    {
        submenuitem.style.display = 'none';
    }
}

function closesubmenu()
{
    if(submenuitem)
    {
        submenuitem.style.display = 'none';
    }
}

function closetimer()
{
    timer = window.setTimeout(closemenu, timeout);
}

function closesubtimer()
{
    subtimer = window.setTimeout(closesubmenu, timeout);
}

function canceltimer()
{
    if(timer)
    {
        window.clearTimeout(timer);
        timer = null;
    }
}

function cancelsubtimer()
{
    canceltimer();
    if(subtimer)
    {
        window.clearTimeout(subtimer);
        subtimer = null;
    }
}

function fadein()
{
    if(menuitem)
    {
        i++;
        menuitem.style.opacity = (i / 5);
        //menuitem.style.filter = 'alpha(opacity='+(i * 20)+')';

        if(i<5)
        {
            window.setTimeout('fadein()',50);
        }
    }
}

function fadeinsub()
{
    if(submenuitem)
    {
        i++;
        submenuitem.style.opacity = (i / 5);
        submenuitem.style.filter = 'alpha(opacity='+(i * 20)+')';    
        if(i<5)
        {
            window.setTimeout('fadeinsub()',50);
        }
    }
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
    do {
			curleft += obj.offsetLeft;
        } while (obj = obj.offsetParent);
    }
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
    do {
			curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
	return curtop;
}