var mt;
function selectTab(id, aid, colour){
    clearTimeout(mt);

    for(i = 1; i < 11; i++){

        if(i != id){
            if(document.getElementById("menu-" + i))
                document.getElementById("menu-" + i).style.visibility = 'hidden';

            if(document.getElementById('menuBorderBottom' + i))
                document.getElementById('menuBorderBottom' + i).style.visibility = 'hidden';

            if(document.getElementById('menuBorderCornerRight' + i))
                document.getElementById('menuBorderCornerRight' + i).style.visibility = 'hidden';

            if(document.getElementById('menuBorderRight' + i))
                document.getElementById('menuBorderRight' + i).style.visibility = 'hidden';

            if(i != aid){

                if(document.getElementById('tab-menu-' + i))
                    document.getElementById('tab-menu-' + i).style.backgroundImage = "url(/oncirrus/system/menu-back-" + colour + ".png)";
            }
        }
    }

    if(id != aid)
        document.getElementById('tab-menu-' + id).style.backgroundImage = "url(/oncirrus/system/menu-hover-" + colour + ".png)";
    
    mt = setTimeout("openMenu('" + id + "')", 500);
}

function openMenu(id){

    if(document.getElementById("menu-" + id)){
        document.getElementById("menu-" + id).style.visibility = 'visible';

        if(document.getElementById('menuBorderBottom' + id))
            document.getElementById('menuBorderBottom' + id).style.visibility = 'visible';

        if(document.getElementById('menuBorderCornerRight' + id))
            document.getElementById('menuBorderCornerRight' + id).style.visibility = 'visible';

        if(document.getElementById('menuBorderRight' + id))
        document.getElementById('menuBorderRight' + id).style.visibility = 'visible';
    }
}

function deselectTab(id, aid, colour){
    clearTimeout(mt);

    mt = setTimeout("closeMenu('" + id + "', '" + aid + "', '" + colour + "')", 375);
}

function closeMenu(id, aid, colour){

    if(id != aid)
        document.getElementById('tab-menu-' + id).style.backgroundImage = "url(/oncirrus/system/menu-back-" + colour + ".png)";

    if(document.getElementById("menu-" + id))
        fadeOutMenu(100, id, id, 10);
}

function fadeOutMenu(opacity, id, cid, ms) {
    var object = document.getElementById('menu-inner-' + id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    if(opacity > 0){
        setTimeout("fadeOutMenu(" + (opacity-5) + ",'" + id + "', '" + cid + "', " + ms + ")", ms);

        if(opacity == 50){
            if(document.getElementById('menuBorderBottom' + id))
                document.getElementById('menuBorderBottom' + id).style.visibility = 'hidden';

            if(document.getElementById('menuBorderCornerRight' + id))
                document.getElementById('menuBorderCornerRight' + id).style.visibility = 'hidden';

            if(document.getElementById('menuBorderRight' + id))
                document.getElementById('menuBorderRight' + id).style.visibility = 'hidden';
        }
    }else{
        if(document.getElementById('menu-' + id))
            document.getElementById('menu-' + id).style.visibility = 'hidden';

        object.opacity = 1.0;
        object.MozOpacity = 1.0;
        object.KhtmlOpacity = 1.0;
        object.filter = "alpha(opacity=100)";
    }
}

function selectHome(aid, colour){

    for(i = 1; i < 11; i++){

        if(i != aid){

            if(document.getElementById('tab-menu-' + i))
                document.getElementById('tab-menu-' + i).style.backgroundImage = "url(/oncirrus/system/menu-back-" + colour + ".png)";
        }
    }
    
    document.getElementById('tab-home').style.backgroundImage = "url(/oncirrus/system/menu-hover-" + colour + ".png)";
}

function deselectHome(colour){
    document.getElementById('tab-home').style.backgroundImage = "url(/oncirrus/system/menu-back-" + colour + ".png)";
}