var logoImage = new Image(213, 45);
var bannerImage0 = new Image(637, 309);
var bannerImage1 = new Image(637, 309);
var bannerImage2 = new Image(637, 309);
var bannerImage3 = new Image(637, 309);
var bannerImage4 = new Image(637, 309);
var bannerImage5 = new Image(637, 309);
var bannerImage6 = new Image(637, 309);
var bannerImage7 = new Image(637, 309);
var clientPortalHeader = new Image(246, 223);

var approach_base = new Image(401, 400);
var approach_over_1 = new Image(170, 90);
var approach_over_2 = new Image(123, 144);
var approach_over_3 = new Image(122, 141);
var approach_over_4 = new Image(169, 92);
var approach_over_5 = new Image(124, 147);
var approach_over_6 = new Image(122, 143);
var approach_over_7 = new Image(172, 172);
var approach_side_1 = new Image(206, 121);
var approach_side_2 = new Image(206, 121);
var approach_side_3 = new Image(206, 121);
var approach_side_4 = new Image(206, 121);
var approach_side_5 = new Image(206, 121);
var approach_side_6 = new Image(206, 121);
var approach_side_7 = new Image(206, 121);

var tabClients_Up = new Image(129, 25);
var tabClients_Over = new Image(129, 25);
var tabBenefits_Up = new Image(127, 25);
var tabBenefits_Over = new Image(127, 25);
var tabValues_Up = new Image(129, 25);
var tabValues_Over = new Image(129, 25);

var headingClients = new Image(289, 54);
var headingBenefits = new Image(289, 54);
var headingValues = new Image(289, 30);

var clientPortalButton_Up = new Image(177, 37);
var clientPortalButton_Over = new Image(177, 37);
var clientPortalInnerButton_Up = new Image(245, 37);
var clientPortalInnerButton_Over = new Image(245, 37);

var sb_KeepingYouInformed = new Image(133, 14);
var sb_ProgramsAndFeatures = new Image(139, 14);

var menu_Home_Up = new Image(97, 35);
var menu_Home_Over = new Image(97, 35);
var menu_Firm_Up = new Image(72, 35);
var menu_Firm_Over = new Image(72, 35);
var menu_Approach_Up = new Image(117, 35);
var menu_Approach_Over = new Image(117, 35);
var menu_Solutions_Up = new Image(109, 35);
var menu_Solutions_Over = new Image(109, 35);
var menu_Technology_Up = new Image(115, 35);
var menu_Technology_Over = new Image(115, 35);
var menu_FamilyOffice_Up = new Image(134, 35);
var menu_FamilyOffice_Over = new Image(134, 35);
var menu_People_Up = new Image(85, 35);
var menu_People_Over = new Image(85, 35);
var menu_TheInstitute_Up = new Image(123, 35);
var menu_TheInstitute_Over = new Image(123, 35);
var menu_Events_Up = new Image(100, 35);
var menu_Events_Over = new Image(100, 35);
var menu_Contact_Up = new Image(45, 35);
var menu_Contact_Over = new Image(45, 35);
var menu_News_Up = new Image(71, 35);
var menu_News_Over = new Image(71, 35);
//var menu_Search_Up = new Image(71, 35);
//var menu_Search_Over = new Image(71, 35);
var menu_Blank = new Image(149, 35);

var imagesLoaded = false;

var tabClientsButton = null;
var tabBenefitsButton = null;
var tabValuesButton = null;

var tabClientsText = null;
var tabBenefitsText = null;
var tabValuesText = null;

var menu_Home_Button = null;
var menu_Firm_Button = null;
var menu_Solutions_Button = null;
var menu_Technology_Button = null;
var menu_FamilyOffice_Button = null;
var menu_People_Button = null;
var menu_TheInstitute_Button = null;
var menu_Events_Button = null;
var menu_Contact_Button = null;
var menu_News_Button = null;
//var menu_Search_Button = null;
var menu_Blank_Button = null;


function LoadPage(page)
{
    top.location.href = page;
}

function CacheImages()
{
    logoImage.src = "images/SilverBridgeLogo.jpg";
    bannerImage0.src = "images/GreySpacer.gif";
    bannerImage1.src = "images/HomeBanner1.jpg";
    bannerImage2.src = "images/HomeBanner2.jpg";
    bannerImage3.src = "images/HomeBanner3.jpg";
    bannerImage4.src = "images/HomeBanner4.jpg";
    bannerImage5.src = "images/HomeBanner5.jpg";
    bannerImage6.src = "images/HomeBanner6.jpg";
    bannerImage7.src = "images/HomeBanner7.jpg";
    clientPortalHeader.src = "images/ClientPortalHeader.jpg";
    tabClients_Up.src = "images/TabClients_Up.jpg";
    tabClients_Over.src = "images/TabClients_Over.jpg";
    tabBenefits_Up.src = "images/TabBenefits_Up.jpg";
    tabBenefits_Over.src = "images/TabBenefits_Over.jpg";
    tabValues_Up.src = "images/TabValues_Up.jpg";
    tabValues_Over.src = "images/TabValues_Over.jpg";
    headingClients.src = "images/HeadingClients.jpg";
    headingBenefits.src = "images/HeadingBenefits.jpg";
    headingValues.src = "images/HeadingValues.jpg";

    approach_base.src = "images/approach_base.jpg";
    approach_over_1.src = "images/approach_over_1.jpg";
    approach_over_2.src = "images/approach_over_2.jpg";
    approach_over_3.src = "images/approach_over_3.jpg";
    approach_over_4.src = "images/approach_over_4.jpg";
    approach_over_5.src = "images/approach_over_5.jpg";
    approach_over_6.src = "images/approach_over_6.jpg";
    approach_over_7.src = "images/approach_over_7.jpg";
    approach_side_1.src = "images/approach_side_1.jpg";
    approach_side_2.src = "images/approach_side_2.jpg";
    approach_side_3.src = "images/approach_side_3.jpg";
    approach_side_4.src = "images/approach_side_4.jpg";
    approach_side_5.src = "images/approach_side_5.jpg";
    approach_side_6.src = "images/approach_side_6.jpg";
    approach_side_7.src = "images/approach_side_7.jpg";

    clientPortalButton_Up.src = "images/ClientPortal_Up.jpg";
    clientPortalButton_Over.src = "images/ClientPortal_Over.jpg";

    clientPortalInnerButton_Up.src = "images/ClientPortalInner_Up.jpg";
    clientPortalInnerButton_Over.src = "images/ClientPortalInner_Over.jpg";

    sb_KeepingYouInformed.src = "images/SubHeading_KeepingYouInformed.jpg";
    sb_ProgramsAndFeatures.src = "images/SubHeading_ProgramsAndFeatures.jpg";

    menu_Home_Up.src = "images/MenuHome_Up.jpg";
    menu_Home_Over.src = "images/MenuHome_Over.jpg";
    menu_Firm_Up.src = "images/MenuTradition_Up.jpg";
    menu_Firm_Over.src = "images/MenuTradition_Over.jpg";
    menu_Approach_Up.src = "images/MenuApproach_Up.jpg";
    menu_Approach_Over.src = "images/MenuApproach_Over.jpg";
    menu_Solutions_Up.src = "images/MenuSolutions_Up.jpg";
    menu_Solutions_Over.src = "images/MenuSolutions_Over.jpg";
    menu_Technology_Up.src = "images/MenuTechnology_Up.jpg";
    menu_Technology_Over.src = "images/MenuTechnology_Over.jpg";
    menu_FamilyOffice_Up.src = "images/MenuFamilyOffice_Up.jpg";
    menu_FamilyOffice_Over.src = "images/MenuFamilyOffice_Over.jpg";
    menu_People_Up.src = "images/MenuTeam_Up.jpg";
    menu_People_Over.src = "images/MenuTeam_Over.jpg";
    menu_TheInstitute_Up.src = "images/MenuTheInstitute_Up.jpg";
    menu_TheInstitute_Over.src = "images/MenuTheInstitute_Over.jpg";
    menu_Events_Up.src = "images/MenuEvents_Up.jpg";
    menu_Events_Over.src = "images/MenuEvents_Over.jpg";
    menu_Contact_Up.src = "images/MenuContact_Up.jpg";
    menu_Contact_Over.src = "images/MenuContact_Over.jpg";
    menu_News_Up.src = "images/MenuNews_up.jpg";
    menu_News_Over.src = "images/MenuNews_Over.jpg";
    menu_Blank.src = "images/MenuBlank.jpg";

    imagesLoaded = true;
}

function CacheGlobals()
{
    tabClientsButton = document.getElementById("TabClients");
    tabBenefitsButton = document.getElementById("TabBenefits");
    tabValuesButton = document.getElementById("TabValues");

    tabClientsText = document.getElementById("TabClientsText");
    tabBenefitsText = document.getElementById("TabBenefitsText");
    tabValuesText = document.getElementById("TabValuesText");

    menu_Home_Button = document.getElementById("menu_Home_Button");
    menu_Firm_Button = document.getElementById("menu_Firm_Button");
    menu_Solutions_Button = document.getElementById("menu_Solutions_Button");
    menu_Technology_Button = document.getElementById("menu_Technology_Button");
    menu_FamilyOffice_Button = document.getElementById("menu_FamilyOffice_Button");
    menu_People_Button = document.getElementById("menu_People_Button");
    menu_TheInstitute_Button = document.getElementById("menu_TheInstitute_Button");
    menu_Events_Button = document.getElementById("menu_Events_Button");
    menu_Events_Button = document.getElementById("menu_Events_Button");
    menu_Contact_Button = document.getElementById("menu_Contact_Button");
    menu_News_Button = document.getElementById("menu_News_Button");
    menu_Blank_Button = document.getElementById("menu_Blank_Button");
}

function PlaceImages()
{
    while (imagesLoaded == false)
    {
        setTimeout("PlaceImages()", 100);
        return false;
    }

    // Set the src for all images on this page
    SetSource("Logo",logoImage.src);
    SetSource("HomeBanner",bannerImage1.src);

    SetSource("TabClients",tabClients_Over.src);
    SetSource("TabBenefits",tabBenefits_Up.src);
    SetSource("TabValues",tabValues_Up.src);

    SetSource("TabHeading",headingClients.src);

    SetSource("ClientPortalHeader",clientPortalHeader.src);
    SetSource("ClientPortalButton",clientPortalButton_Up.src);
    SetSource("sb_KeepingYouInformed",sb_KeepingYouInformed.src);
    SetSource("sb_ProgramsAndFeatures", sb_ProgramsAndFeatures.src);

    SetSource("approach_base", approach_base.src);
    SetSource("approach_over_1", approach_over_1.src);
    SetSource("approach_over_2", approach_over_2.src);
    SetSource("approach_over_3", approach_over_3.src);
    SetSource("approach_over_4", approach_over_4.src);
    SetSource("approach_over_5", approach_over_5.src);
    SetSource("approach_over_6", approach_over_6.src);
    SetSource("approach_over_7", approach_over_7.src);

    SetDisplay("HomePageWait","none");
    SetDisplay("HomePage","");

    menu_Home_Button.src = menu_Home_Up.src;
    menu_Firm_Button.src = menu_Firm_Up.src;
    menu_Solutions_Button.src = menu_Solutions_Up.src;
    menu_Technology_Button.src = menu_Technology_Up.src;
    menu_FamilyOffice_Button.src = menu_FamilyOffice_Up.src;
    menu_People_Button.src = menu_People_Up.src;
    menu_TheInstitute_Button.src = menu_TheInstitute_Up.src;
    menu_Events_Button.src = menu_Events_Up.src;
    menu_Contact_Button.src = menu_Contact_Up.src;
    menu_News_Button.src = menu_News_Up.src;
    menu_Blank_Button.src = menu_Blank.src;

    PostInitialize();
    
    return true;
}

function SetSource(elementName, source)
{
    var object = document.getElementById(elementName);

    if (object != null)
    {
        object.src = source;
    }
}

function SetSourceForObject(object, source)
{
    if (object != null)
    {
        object.src = source;
    }
}

function SetDisplay(elementName, display)
{
    var element = document.getElementById(elementName);

    if (element != null)
    {
        element.style.display = display;
    }
}

function TabClients_Over()
{
    tabClientsButton.src = tabClients_Over.src;
    tabBenefitsButton.src = tabBenefits_Up.src;
    tabValuesButton.src = tabValues_Up.src;

    tabClientsText.style.display = "";
    tabBenefitsText.style.display = "none";
    tabValuesText.style.display = "none";

    SetSource("TabHeading", headingClients.src);
}

function TabClients_Up()
{
}

function TabBenefits_Over()
{
    tabClientsButton.src = tabClients_Up.src;
    tabBenefitsButton.src = tabBenefits_Over.src;
    tabValuesButton.src = tabValues_Up.src;

    tabClientsText.style.display = "none";
    tabBenefitsText.style.display = "";
    tabValuesText.style.display = "none";

    SetSource("TabHeading", headingBenefits.src);
}

function TabBenefits_Up()
{
}

function TabValues_Over()
{
    tabClientsButton.src = tabClients_Up.src;
    tabBenefitsButton.src = tabBenefits_Up.src;
    tabValuesButton.src = tabValues_Over.src;

    tabClientsText.style.display = "none";
    tabBenefitsText.style.display = "none";
    tabValuesText.style.display = "";

    SetSource("TabHeading", headingValues.src);
}

function TabValues_Up()
{

}

function ClientPortalButton_Over()
{
    clientPortalButton = document.getElementById("ClientPortalButton")
    clientPortalButton.src = clientPortalButton_Over.src;

}

function ClientPortalButton_Up()
{
    clientPortalButton = document.getElementById("ClientPortalButton")
    clientPortalButton.src = clientPortalButton_Up.src;
}

function ClientPortalInnerButton_Over()
{
    clientPortalInnerButton = document.getElementById("ClientPortalInnerButton")
    clientPortalInnerButton.src = clientPortalInnerButton_Over.src;

}

function ClientPortalInnerButton_Up()
{
    clientPortalInnerButton = document.getElementById("ClientPortalInnerButton")
    clientPortalInnerButton.src = clientPortalInnerButton_Up.src;
}

function EvMenuHome_Over()
{
    menu_Home_Button.src = menu_Home_Over.src;
}

function EvMenuHome_Up()
{
    menu_Home_Button.src = menu_Home_Up.src;
}

function PageSet_Home()
{
    menu_Home_Up.src = menu_Home_Over.src;
    menu_Home_Button.src = menu_Home_Over.src;
}

function EvMenuHome_Click()
{
    top.location.href = "Home.aspx";
}

function EvMenuTradition_Over()
{
    menu_Firm_Button.src = menu_Firm_Over.src;
}

function EvMenuTradition_Up()
{
    menu_Firm_Button.src = menu_Firm_Up.src;
}

function EvMenuTradition_Click()
{
    top.location.href = "Firm.aspx";
}

function PageSet_Tradition()
{
    menu_Firm_Up.src = menu_Firm_Over.src;
    menu_Firm_Button.src = menu_Firm_Over.src;
}

function EvMenuServices_Over()
{
    menu_Solutions_Button.src = menu_Solutions_Over.src;
}

function EvMenuTechnology_Over() {
    menu_Technology_Button.src = menu_Technology_Over.src;
}

function EvMenuTechnology_Up() {
    menu_Technology_Button.src = menu_Technology_Up.src;
}

function EvMenuFamilyOffice_Over()
{
    menu_FamilyOffice_Button.src = menu_FamilyOffice_Over.src;
}

function EvMenuServices_Up()
{
    menu_Solutions_Button.src = menu_Solutions_Up.src;
}

function EvMenuFamilyOffice_Up()
{
    menu_FamilyOffice_Button.src = menu_FamilyOffice_Up.src;
}

function EvMenuServices_Click()
{
    top.location.href = "Solutions.aspx";
}

function EvMenuTechnology_Click() {
    top.location.href = "Technology.aspx";
}

function EvMenuFamilyOffice_Click()
{
    top.location.href = "FamilyOffice.aspx";
}

function PageSet_Services()
{
    menu_Solutions_Up.src = menu_Solutions_Over.src;
    menu_Solutions_Button.src = menu_Solutions_Over.src;
}

function PageSet_Technology() {
    menu_Technology_Up.src = menu_Technology_Over.src;
    menu_Technology_Button.src = menu_Technology_Over.src;
}

function PageSet_FamilyOffice()
{
    menu_FamilyOffice_Up.src = menu_FamilyOffice_Over.src;
    menu_FamilyOffice_Button.src = menu_FamilyOffice_Over.src;
}

function EvMenuTeam_Over()
{
    menu_People_Button.src = menu_People_Over.src;
}

function EvMenuTeam_Up()
{
    menu_People_Button.src = menu_People_Up.src;
}

function EvMenuTeam_Click()
{
    top.location.href = "People.aspx";
}

function PageSet_Team()
{
    menu_People_Up.src = menu_People_Over.src;
    menu_People_Button.src = menu_People_Over.src;
}

function EvMenuResources_Over()
{
    menu_TheInstitute_Button.src = menu_TheInstitute_Over.src;
}

function EvMenuResources_Up()
{
    menu_TheInstitute_Button.src = menu_TheInstitute_Up.src;
}

function EvMenuResources_Click()
{
    top.location.href = "Institute.aspx";
}

function PageSet_TheInstitute() {
    menu_TheInstitute_Up.src = menu_TheInstitute_Over.src;
    menu_TheInstitute_Button.src = menu_TheInstitute_Over.src;
}

function PageSet_Events()
{
    menu_Events_Up.src = menu_Events_Over.src;
    menu_Events_Button.src = menu_Events_Over.src;
}

function EvMenuEvents_Over() {
    menu_Events_Button.src = menu_Events_Over.src;
}

function EvMenuEvents_Up() {
    menu_Events_Button.src = menu_Events_Up.src;
}

function EvMenuEvents_Click() {
    top.location.href = "Events.aspx";
}

function PageSet_Events() {
    menu_Events_Up.src = menu_Events_Over.src;
    menu_Events_Button.src = menu_Events_Over.src;
}


function EvMenuContact_Over()
{
    menu_Contact_Button.src = menu_Contact_Over.src;
}

function EvMenuContact_Up()
{
    menu_Contact_Button.src = menu_Contact_Up.src;
}

function EvMenuContact_Click()
{
    top.location.href = "Contact.aspx";
}

function PageSet_Contact()
{
    menu_Contact_Up.src = menu_Contact_Over.src;
    menu_Contact_Button.src = menu_Contact_Over.src;
}

function EvMenuNews_Over()
{
    menu_News_Button.src = menu_News_Over.src;
}

function EvMenuSearch_Over()
{
//    menu_Search_Button.src = menu_Search_Over.src;
}

function EvMenuNews_Up()
{
    menu_News_Button.src = menu_News_Up.src;
}

function EvMenuSearch_Up()
{
//    menu_Search_Button.src = menu_Search_Up.src;
}

function EvMenuNews_Click()
{
    top.location.href = "NewsList.aspx?NewsSection=Articles";
}

function PageSet_News()
{
    menu_News_Up.src = menu_News_Over.src;
    menu_News_Button.src = menu_News_Over.src;
}

function EvMenuSearch_Click()
{
    window.open("Search.aspx","Search","",true);
}

function WatchVideo(clipid,title)
{
    var url = 'Video.aspx?clipid=' + clipid + '&title=' + title;

    window.open(url, "VIDEO", "width=450,height=350,menubar=no,toolbar=no");
}

function PageSet_Search()
{
//    menu_Search_Up.src = menu_Search_Over.src;
//    menu_Search_Button.src = menu_Search_Over.src;
}

function ToggleSection(sectionHeader, sectionText)
{
    var headerDisplay = document.getElementById(sectionHeader).innerHTML;

    if (headerDisplay.indexOf("+") != -1)
    {
        SetDisplay(sectionText, "");
        headerDisplay = headerDisplay.replace("more [+]", "less [-]");
        document.getElementById(sectionHeader).innerHTML = headerDisplay;
    }
    else
    {
        SetDisplay(sectionText, "none");
        headerDisplay = headerDisplay.replace("less [-]", "more [+]");
        document.getElementById(sectionHeader).innerHTML = headerDisplay;
    }

    FixGapForTwoColumnLayout();
}

function ToggleSection2(sectionHeader, sectionText)
{
    var headerDisplay = document.getElementById(sectionHeader).innerHTML;

    if (headerDisplay.indexOf("More") != -1)
    {
        SetDisplay(sectionText, "");
        headerDisplay = headerDisplay.replace("Read More >>", "Read Less <<");
        document.getElementById(sectionHeader).innerHTML = headerDisplay;
    }
    else
    {
        SetDisplay(sectionText, "none");
        headerDisplay = headerDisplay.replace("Read Less <<", "Read More >>");
        document.getElementById(sectionHeader).innerHTML = headerDisplay;
    }

    FixGapForTwoColumnLayout();
}

function SideMenuMouseOver(id, topId, bottomId)
{
    var menuItem = document.getElementById(id);
    var topMenuItem = document.getElementById(topId);
    var bottomMenuItem = document.getElementById(bottomId);

    if (topMenuItem.className == "SectionNormal" && menuItem.className == "SectionNormal" && bottomMenuItem.className == "SectionNormal")
    {
        topMenuItem.className = "SectionNormalHover";
        menuItem.className = "SectionNormalHover";
        bottomMenuItem.className = "SectionNormalHover";
    }
    else if (topMenuItem.className == "SectionNormal" && menuItem.className == "SectionNormal" && bottomMenuItem.className == "SectionNormalBottom")
    {
        topMenuItem.className = "SectionNormalHover";
        menuItem.className = "SectionNormalHover";
        bottomMenuItem.className = "SectionNormalBottomHover";
    }
    else if (topMenuItem.className == "ItemExpanded" && menuItem.className == "ItemExpanded" && bottomMenuItem.className == "ItemExpanded")
    {
        topMenuItem.className = "ItemExpandedHover";
        menuItem.className = "ItemExpandedHover";
        bottomMenuItem.className = "ItemExpandedHover";
    }        
    else if (topMenuItem.className == "SectionSeparator" && menuItem.className=="SectionNormal" && bottomMenuItem.className=="SectionNormal")
    {
        topMenuItem.className = "SectionSeparatorHover";
        menuItem.className = "SectionNormalHover";
        bottomMenuItem.className = "SectionNormalHover";
    }
    else if (topMenuItem.className == "SectionSeparator" && menuItem.className == "SectionNormal" && bottomMenuItem.className == "SectionNormalBottom")
    {
        topMenuItem.className = "SectionSeparatorHover";
        menuItem.className = "SectionNormalHover";
        bottomMenuItem.className = "SectionNormalBottomHover";
    }
    else
    {
        //alert("CLASS T " + topMenuItem.className + " M " + menuItem.className + " B " + bottomMenuItem.className);    
    }

}

function SideMenuMouseOut(id, topId, bottomId)
{
    var menuItem = document.getElementById(id);
    var topMenuItem = document.getElementById(topId);
    var bottomMenuItem = document.getElementById(bottomId);

    if (topMenuItem.className == "SectionNormalHover" && menuItem.className == "SectionNormalHover" && bottomMenuItem.className == "SectionNormalHover")
    {
        topMenuItem.className = "SectionNormal";
        menuItem.className = "SectionNormal";
        bottomMenuItem.className = "SectionNormal";
    }
    else if (topMenuItem.className == "SectionNormalHover" && menuItem.className == "SectionNormalHover" && bottomMenuItem.className == "SectionNormalBottomHover")
    {
        topMenuItem.className = "SectionNormal";
        menuItem.className = "SectionNormal";
        bottomMenuItem.className = "SectionNormalBottom";
    }
    else if (topMenuItem.className == "ItemExpandedHover" && menuItem.className == "ItemExpandedHover" && bottomMenuItem.className == "ItemExpandedHover")
    {
        topMenuItem.className = "ItemExpanded";
        menuItem.className = "ItemExpanded";
        bottomMenuItem.className = "ItemExpanded";
    }    
    else if (topMenuItem.className == "SectionSeparatorHover" && menuItem.className == "SectionNormalHover" && bottomMenuItem.className == "SectionNormalHover")
    {
        topMenuItem.className = "SectionSeparator";
        menuItem.className = "SectionNormal";
        bottomMenuItem.className = "SectionNormal";
    }
    else if (topMenuItem.className == "SectionSeparatorHover" && menuItem.className == "SectionNormalHover" && bottomMenuItem.className == "SectionNormalBottomHover")
    {
        topMenuItem.className = "SectionSeparator";
        menuItem.className = "SectionNormal";
        bottomMenuItem.className = "SectionNormalBottom";
    }
    else
    {
        //alert("CLASS T " + topMenuItem.className + " M " + menuItem.className + " B " + bottomMenuItem.className);
    }
}

function GetAbsolutePosition(objectName)
{
    var obj = document.getElementById(objectName);

    if (obj == null)
    {
        return null;
    }

    var curleft = curtop = 0;

    if (obj.offsetParent)
    {
        do
        {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        }
        while (obj = obj.offsetParent);
    }

    return [curleft, curtop];
}

function changeOpac(opacity, id)
{
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function changeOpacForObject(opacity, object)
{
    object = object.style;
    
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function PositionApproachEventPane()
{
    var root = GetAbsolutePosition("approach_base");
    var eventSource = GetAbsolutePosition("approach_event_source");

    if (eventSource != null && root != null)
    {
        MoveImage("approach_event_source", root[0], root[1]);
        ShowImage("approach_over_1");
        MoveImage("approach_over_1", root[0] + 116, root[1] + 31);        
    }
}

function HandleApproach(section)
{
    var root = GetAbsolutePosition("approach_base");
    var overImage = document.getElementById("approach_over_" + section);
    var approachSide = document.getElementById("approach_side");

    approachSide.src = "images/approach_side_" + section + ".jpg";

    HideImage("approach_over_1");
    HideImage("approach_over_2");
    HideImage("approach_over_3");
    HideImage("approach_over_4");
    HideImage("approach_over_5");
    HideImage("approach_over_6");
    HideImage("approach_over_7");

    ShowImage("approach_over_" + section);
    
    SetDisplay("ApproachSideText_1", "none");
    SetDisplay("ApproachSideText_2", "none");
    SetDisplay("ApproachSideText_3", "none");
    SetDisplay("ApproachSideText_4", "none");
    SetDisplay("ApproachSideText_5", "none");
    SetDisplay("ApproachSideText_6", "none");
    SetDisplay("ApproachSideText_7", "none");
    
    SetDisplay("ApproachSideText_" + section, "");
    
    switch (section)
    {
        case 1:
            MoveImage("approach_over_1", root[0] + 116, root[1] + 31);
            break;
        case 2:
            MoveImage("approach_over_2", root[0] + 248, root[1] + 56);
            break;
        case 3:
            MoveImage("approach_over_3", root[0] + 250, root[1] + 202);
            break;
        case 4:
            MoveImage("approach_over_4", root[0] + 120, root[1] + 277);
            break;
        case 5:
            MoveImage("approach_over_5", root[0] + 33, root[1] + 200);
            break;
        case 6:
            MoveImage("approach_over_6", root[0] + 33, root[1] + 57);
            break;
        case 7:
            MoveImage("approach_over_7", root[0] + 116, root[1] + 114);
            break;
        default:
            alert("Not handled " + section);
            break;
    }
}

function MoveImage(imageId,x,y)
{
    var image = document.getElementById(imageId);
    image.style.position = "absolute";
    image.style.top = y + "px";
    image.style.left = x + "px";
}

function ShowImage(imageId)
{
    var image = document.getElementById(imageId);
    SetDisplay(imageId, "");
}

function HideImage(imageId)
{
    var image = document.getElementById(imageId);
    SetDisplay(imageId, "none");
}