//Original:  Fredrik Fridsten (fredrik.fridsten@home.se)
//Web Site:  http://hem.passagen.se/dred
// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com
// Begin
// ADDITIONAL NOTES
// The input variables to the toggle function are the number of the submenu to open/close,
// starting with 0, and the number of pixels to move the objects below.
// For example toggle(1,60) opens/closes the second submenu and moves the objects below 60 pixels.


 // Number of menus
var tits = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;
var isIE4;
var isNav4;
var isNav6;
function setbrowser()
{
    if (navigator.appVersion.charAt(0) == "4")
    {
        if (navigator.appName.indexOf("Explorer") >= 0)
        {
            isIE4 = true;
        }
        else
        {
            isNav4 = true;
        }
    }
    else if (navigator.appVersion.charAt(0) > "4")
    {
        isNav6 = true;
    }
    if (isNav4)
    { // Setting the visibility for NN and IE
        visible = 'show';
        hidden = 'hide';
    }
    else if (isIE4)
    {
        visible = 'visible';
        hidden = 'hidden';
    }
    else if (isNav6)
    {
        visible = 'visible';
        hidden = 'hidden';
    }
}
for (var i = 1; i <= nom; i++)
{ // Fills the arrays with title and submenu objects
    tits[i] = ('title' + i);
    subs[i] = ('submenu' +i);
}
// A couple of small functions that changes the image by the clicked menu
function picopen(n)
{
    title = ('title' + n);
    pic = ('pic' + n);
    if (isNav4)
    {
        document.layers[title].document.images[pic].src = "opened.gif";
    }
    else if (isIE4)
    {
        document.all(pic).src = "opened.gif";
    }
    else if (isNav6)
    {
        document.getElementById(pic).src = "opened.gif";
    }
}
function picclose(n)
{
    title = ('title' + n);
    pic = ('pic' + n);
    if (isNav4)
    {
        document.layers[title].document.images[pic].src = "closed.gif";
    }
    else if (isIE4)
    {
        document.all(pic).src = "closed.gif";
    }
    else if (isNav6)
    {
        document.getElementById(pic).src = "closed.gif";
    }
}
// The main script for toggling the selected menu
// Input variables:
// n = the number of the submenu to show/hide
// move = the number of pixels for moving the objects below
lastn = (nom + 1);
lastmove = 0;
function lasttoggle(n,move)
{
    if (n <= nom)
    {
        menu = ('submenu' + n);
        if (isNav4)
        {
            submenu = document.layers[menu];
        }
        else if (isIE4)
        {
            submenu = document.all(menu).style;
        }
        else if (isNav6)
        {
            submenu = document.getElementById(menu).style;
        }
        if (submenu.visibility.toLowerCase() == visible)
        {
            submenu.visibility = hidden;
             // Remove this if you don't use pictures
            for (var i = (n+1); i <= nom; i++)
            {
                if (isNav4)
                {
                    var tit = document.layers[tits[i]];
                    var subm = document.layers[subs[i]];
                }
                else if (isIE4)
                {
                    var tit = document.all(tits[i]).style;
                    var subm = document.all(subs[i]).style;
                }
                else if (isNav6)
                {
                    var tit = document.getElementById(tits[i]).style;
                    var subm = document.getElementById(subs[i]).style;
                }
                tit.top = (parseInt(tit.top) - move);
                subm.top = (parseInt(subm.top) - move);
            }
        }
    }
}
function toggle(n,move)
{
    var menu = ('submenu' + n);
    if (isNav4)
    {
        submenu = document.layers[menu];
    }
    else if (isIE4)
    {
        submenu = document.all(menu).style;
    }
    else if (isNav6)
    {
        submenu = document.getElementById(menu).style;
    }
    if (submenu.visibility.toLowerCase() == visible)
    {
        submenu.visibility = hidden;        
        for (var i = (n+1); i <= nom; i++)
        {
            if (isNav4)
            {
                var tit = document.layers[tits[i]];
                var subm = document.layers[subs[i]];
            }
            else if (isIE4)
            {
                var tit = document.all(tits[i]).style;
                var subm = document.all(subs[i]).style;
            }
            else if (isNav6)
            {
                var tit = document.getElementById(tits[i]).style;
                var subm = document.getElementById(subs[i]).style;
            }
            tit.top = (parseInt(tit.top) - move);
            subm.top = (parseInt(subm.top) - move);
        }
    }
    else
    {
        submenu.visibility = visible;
        // Remove this if you don't use pictures
        if (lastn != n)
        {
            lasttoggle(lastn,lastmove);
        }
        for (var i = (n+1); i <= nom; i++)
        {
            if (isNav4)
            {
                var tit = document.layers[tits[i]];
                var subm = document.layers[subs[i]];
            }
            else if (isIE4)
            {
                var tit = document.all(tits[i]).style;
                var subm = document.all(subs[i]).style;
            }
            else if (isNav6)
            {
                var tit = document.getElementById(tits[i]).style;
                var subm = document.getElementById(subs[i]).style;
            }
            tit.top = (parseInt(tit.top) + move);
            subm.top = (parseInt(subm.top) + move);
        }
    }
    lastn = n;
    lastmove = move;
}
function init()
{
    setbrowser();
}