var browserWidth = document.documentElement.clientWidth;
var navigationWidth = 1024;

function init(){
   
    document.getElementById("TwoColumnContainer").style.height = document.getElementById("LeftColumnContainer").clientHeight + "px";
    
    var activeObjectName = document.getElementById("NavigationContainer").getAttribute("StartPage");
    
    var familyHealthSubNav = document.getElementById("FamilyHealthBtnSubNav");
    var selfHealthSubNav = document.getElementById("SelfHealthGuideBtnSubNav");
    
    var HomeBtn = document.getElementById("HomeBtn");
    var FamilyHealthBtn = document.getElementById("FamilyHealthBtn");
    var ProviderLocatorBtn = document.getElementById("ProviderLocatorBtn");
    var WellnessNetworkBtn = document.getElementById("WellnessNetworkBtn");
    var SpeakerBureauBtn = document.getElementById("SpeakerBureauBtn");
    var CommunityCalendarBtn = document.getElementById("CommunityCalendarBtn");
    
    var IEOffset = 9;
    
    //Position the subnavs
    familyHealthSubNav.style.left = ((((browserWidth / 2) - (navigationWidth / 2)) - IEOffset) + HomeBtn.clientWidth)+ "px";
    /*@cc_on
        familyHealthSubNav.style.left = ((((browserWidth / 2) - (navigationWidth / 2)) - IEOffset) + HomeBtn.clientWidth)+ "px";
    @*/
    
    switch (activeObjectName)
    {
        case "Home":
            /*@cc_on
                
            @*/
            HomeBtn.className = "HomeBtn_Active";
            break;
        case "Family":
            FamilyHealthBtn.className = "FamilyHealthBtn_Active";
            break;
        case "ProviderLocator":
            //arrow.style.left = "100px";
            ProviderLocatorBtn.className = "ProviderLocatorBtn_Active";
            break;
        case "WellnessNetwork":
            //arrow.style.left = "100px";
            WellnessNetworkBtn.className = "WellnessNetworkBtn_Active";
            break;
        case "Speakers":
           // arrow.style.left = "100px";
            SpeakerBureauBtn.className = "SpeakerBureauBtn_Active";
            break;
        case "Community":
            //arrow.style.left = "100px";
            CommunityCalendarBtn.className = "CommunityCalendarBtn_Active";
            break;
        default:
        
            break;
    }
}

function FamilySubNav(showBool)
{
    var familyHeathSubNav = document.getElementById("FamilyHealthBtnSubNav");
    
    if(showBool)
        familyHeathSubNav.style.display = "block";
    else
        familyHeathSubNav.style.display = "none";
}