var DefaultMenuItem = -1;
var SelectedMenuItem = -1; 

var cDefHeight = 18;

function RollMenu(Smer, Pos)
{
    // max pos = 30
    Pos += Smer;
    if (Pos < 0)
        Pos = 0;
    if (Pos > 30)
        Pos = 30;
    document.getElementById('submenu').style.height = (Pos + cDefHeight) + "px";
    if ((Pos > 0) && (Pos < 30))
        setTimeout("RollMenu("+Smer+", "+Pos+")", 30);    
}

function FadeMenu(Id, Opacity)
{                      
    // ak je selected == -1 vyroluje menu
    if (SelectedMenuItem == -1)
        RollMenu(3, 0);
        
    // pri prechode nad tu istu polozku zrusi vykonanie funkcie
    if ((Opacity == 0) && (SelectedMenuItem == Id))
        return "";
    
    // opacity je max 1
    if (Opacity > 1) 
       Opacity = 1;
    
    // schova neaktivne polozky
    if (SelectedMenuItem != -1)   
    {
        document.getElementById('submenu'+SelectedMenuItem).style.display = 'none';
        document.getElementById('menu'+SelectedMenuItem).className = '';
    }   
    else      // lebo home page blbla :)
    {                
        document.getElementById('submenu1').style.display = 'none';
        document.getElementById('menu1').className = '';
    }
     
    document.getElementById('menu'+Id).className = 'sel'; 
    document.getElementById('submenu').style.width = document.getElementById('bodyarea').offsetWidth + 'px';   
    
    SelectedMenuItem = Id;
    var Elm = document.getElementById('submenu'+Id);
    Elm.style.display = 'block';  
    if (Elm.filters)
        Elm.filters.alpha.opacity = (Opacity * 100);
    else
        Elm.style.opacity = Opacity;
    
    if (Opacity < 1)
    {
        Opacity += 0.1;
        setTimeout("FadeMenu("+Id+", "+Opacity+")", 30);
    }
}

function HideMenu()
{
    if (SelectedMenuItem != -1)
    {
        if (DefaultMenuItem == -1)
        {
            if (SelectedMenuItem != -1)
            {
                document.getElementById('submenu'+SelectedMenuItem).style.display = 'none'; 
                document.getElementById('menu'+SelectedMenuItem).className = '';
            }
            SelectedMenuItem = -1;
            RollMenu(-3, 30);
        }
        else
            FadeMenu(DefaultMenuItem, 0);
    }
}

function ResizeMenu()
{
    document.getElementById('submenu').style.width = document.getElementById('bodyarea').offsetWidth + 'px';
}