function PreLoadImages()
{
    pic1 = new Image();
    pic1.src = "images/MainMenuButton.png";
    pic2 = new Image();
    pic2.src = "images/MainMenuButton_Selected.png";
    pic3 = new Image();
    pic3.src = "images/MainMenuButton_Rollover.png";
    pic4 = new Image();
    pic4.src = "images/MainMenuSubButton.png";
    pic5 = new Image();
    pic5.src = "images/MainMenuSubButton_Selected.png";
    pic6 = new Image();
    pic6.src = "images/MainMenuSubButton_Rollover.png";
    pic7 = new Image();
    pic7.src = "images/EventInformationButton.png";
    pic8 = new Image();
    pic8.src = "images/EventInformationButton_Selected.png";
    pic9 = new Image();
    pic9.src = "images/EventInformationButton_Rollover.png";

}

function SetMainMenuButtonImage(imageName, action)
{
    if (imageName == currentMainMenuButton)
    {
        document.getElementById(imageName).style.background = "url(images/MainMenuButton_Selected.png) no-repeat";
        document.getElementById(imageName).style.color = "#EEEEEE";
    }
    else
    {
        if (action == 'default')
        {
            document.getElementById(imageName).style.background = "url(images/MainMenuButton.png) no-repeat";
        }
        if (action == 'rollover')
        {
            document.getElementById(imageName).style.background = "url(images/MainMenuButton_Rollover.png) no-repeat";
        }
    }
}

function SetMainMenuSubButtonImage(imageName, action)
{
    if (imageName == currentMainMenuButton)
    {
        document.getElementById(imageName).style.background = "url(images/MainMenuSubButton_Selected.png) no-repeat";
        document.getElementById(imageName).style.color = "#EEEEEE";
    }
    else
    {
        if (action == 'default')
        {
            document.getElementById(imageName).style.background = "url(images/MainMenuSubButton.png) no-repeat";
        }
        if (action == 'rollover')
        {
            document.getElementById(imageName).style.background = "url(images/MainMenuSubButton_Rollover.png) no-repeat";
        }
    }
}

function SetEventMenuButton(imageName, action)
{
    if (currentEventMenuButton != "")
    {
        if (imageName == currentEventMenuButton)
        {
            document.getElementById(imageName).style.background = "url(images/EventInformationButton_Selected.png) no-repeat";
        }
        else
        {
            if (action == 'default')
            {
                document.getElementById(imageName).style.background = "url(images/EventInformationButton.png) no-repeat";
            }
            if (action == 'rollover')
            {
                document.getElementById(imageName).style.background = "url(images/EventInformationButton_Rollover.png) no-repeat";
            }
        }
    }
}

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

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

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

function ShowEventsMenu()
{
    EventsMenu.style.visibility = "visible";
    EventsMenu.style.top = ObjectTop(EventsButton) + 30;
    EventsMenu.style.left = ObjectLeft(EventsButton);
}

function HideEventsMenu()
{
    if (window.event.clientX < ObjectLeft(EventsMenu) ||
               window.event.clientX > ObjectLeft(EventsMenu) + EventsMenu.offsetWidth ||
               window.event.clientY < ObjectTop(EventsMenu) ||
               window.event.clientY > ObjectTop(EventsMenu) + EventsMenu.offsetHeight)
    {
        EventsMenu.style.visibility = 'hidden';
    }
    else
    {
    }
}