//Global Variables
var menuElement=new Object;
menuElement.offBackground="#8FA250";
menuElement.offColour="#F4FFC8";
menuElement.onBackground="#768243";
menuElement.onColour="White";
menuElement.menuHead="H"
menuElement.menuItem="E"
menuElement.menuLink="A"

//******************
//Main Function
//******************
function itemOn(menuItem)
{
    var item = menuItem;
    var itemLink = menuItem + menuElement.menuLink;

    if (item.lastIndexOf(menuElement.menuHead)!=-1) //Object is a Menu Head.
    {
        setStyleHead(item,true);
        setStyleHead(itemLink,true);
    }

    if (item.lastIndexOf(menuElement.menuItem)!=-1) //Object is a Menu Item.
    {
        setStyleLink(item,true);
        setStyleLink(itemLink,true);
    }
    return 0;
}

function itemOff(menuItem)
{
    var item = menuItem;
    var itemLink = menuItem + menuElement.menuLink;

    if (item.lastIndexOf(menuElement.menuHead)!=-1) //Object is a Menu Head.
    {
        setStyleHead(item,false);
        setStyleHead(itemLink,false);
    }

    if (item.lastIndexOf(menuElement.menuItem)!=-1) //Object is a Menu Item.
    {
        setStyleLink(item,false);
        setStyleLink(itemLink,false);
    }
    return 0;
}

//******************
//Support Functions
//******************
function setStyleHead(object,isOn)
{
    var obj=getElement(object);
    if (obj) //Check if the object exist (if it is defined).
    {
        if (isOn==true) //Set ON-Style
        {
            with (obj.style)
            {
                fontWeight='bold';
                backgroundColor = menuElement.onBackground;
                color = menuElement.onColour;
                cursor='pointer';
            }
        }
        else //Set OFF-Style
        {
            with (obj.style)
            {
                fontWeight='bold';
                backgroundColor = menuElement.offBackground;
                color = menuElement.offColour;
                cursor='default';
            }
        }
    }
    return 0;
}

function setStyleLink(object,isOn)
{
    var obj=getElement(object);
    if (obj) //Check if the object exist (if it is defined).
    {
        if (isOn==true) //Set ON-Style
        {
            with (obj.style)
            {
                fontWeight='bold';
                backgroundColor = menuElement.onBackground;
                color = menuElement.onColour;
                cursor='pointer';
            }
        }
        else //Set OFF-Style
        {
            with (obj.style)
            {
                fontWeight='normal';
                backgroundColor = menuElement.offBackground;
                color = menuElement.offColour;
                cursor='default';
            }
        }
    }
    return 0;
}

function getElement(Element)
{
    return document.getElementById(Element);
}