// 
    //  MenuButtons.js
    //
    //  Synopsis: defines behavior of the navigation buttons and links
    //

    //  global variables 
    var navBarImageWidth = 200;
    var navBarImageHeight = 83;     
    
    // Hashtable for all navigation bar info
    NavigationArray = new Array(); 

    // "Home" button
    NavigationArray["HomeOff"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["HomeOff"].src = "images/HomeOff.png";
    NavigationArray["HomeOff"].link = "Default.aspx";
    NavigationArray["HomeOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["HomeOn"].src = "images/HomeOn.png";
    NavigationArray["HomeOn"].link = "Default.aspx";        
    NavigationArray["AboutBablitOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["AboutBablitOn"].src = "images/AboutBablitOn.png";
    NavigationArray["AboutBablitOn"].link = "AboutUs.aspx";
    NavigationArray["ContactUsOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["ContactUsOn"].src = "images/ContactUsOn.png";
    NavigationArray["ContactUsOn"].link = "ContactUs.aspx";        

    // "How To" button
    NavigationArray["HowToOff"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["HowToOff"].src = "images/HowToOff.png";
    NavigationArray["HowToOff"].link = "Faqs.aspx"
    NavigationArray["GetStartedOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["GetStartedOn"].src = "images/GetStartedOn.png";
    NavigationArray["GetStartedOn"].link = "Faqs.aspx"                
    NavigationArray["VisitForumOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["VisitForumOn"].src = "images/VisitForumOn.png";
    NavigationArray["VisitForumOn"].link = "forum"
    NavigationArray["PostViewPinOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["PostViewPinOn"].src = "images/PostViewPinOn.png";
    NavigationArray["PostViewPinOn"].link = "Faqs.aspx"

    // "Login/Register" button
    NavigationArray["JoinUs"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["JoinUs"].src = "images/JoinUs.png";
    NavigationArray["JoinUs"].link = "Default.aspx"
    NavigationArray["JoinUsRegisterOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["JoinUsRegisterOn"].src = "images/JoinUsRegisterOn.png";
    NavigationArray["JoinUsRegisterOn"].link = "Register.aspx";
    NavigationArray["JoinUsLogInOn"]= new Image(navBarImageWidth, navBarImageHeight);
    NavigationArray["JoinUsLogInOn"].src = "images/JoinUsLogInOn.png";
    NavigationArray["JoinUsLogInOn"].link = "Login.aspx";


    //
    // functions
    //

    // Highlight        
    function Highlight(menuItemName)
    {       
        // highlight the appropriate element
        switch(menuItemName)
        {
            case "Home":
                var hImg = document.getElementById('HomeButton');
                hImg.src = NavigationArray["HomeOn"].src;
                break;
                
            case "AboutUs":
                var hImg = document.getElementById('HomeButton');
                hImg.src = NavigationArray["AboutBablitOn"].src;            
                break;
                
            case "ContactUs":
                var hImg = document.getElementById('HomeButton');
                hImg.src = NavigationArray["ContactUsOn"].src;
                break;
                
            case "GetStarted":
                var hImg = document.getElementById('HowToButton');
                hImg.src = NavigationArray["GetStartedOn"].src;
                break;
                
            case "VisitForum":
                var hImg = document.getElementById('HowToButton');
                 hImg.src = NavigationArray["VisitForumOn"].src;   
                break;
                
            case "PostViewPin":
                var hImg = document.getElementById('HowToButton');
                hImg.src = NavigationArray["PostViewPinOn"].src; 
                break;
                   
            case "Register":
                var hImg = document.getElementById('LoginRegisterButton');
                hImg.src = NavigationArray["JoinUsRegisterOn"].src; 
                break;
                
            case "Login":
               var hImg = document.getElementById('LoginRegisterButton');
               hImg.src = NavigationArray["JoinUsLogInOn"].src;
               break;
                   
            default:
                break;
        }
        
        return true;
    }

    // Dehighlight  
    function Dehighlight(navButtonName)
    {
        // get a handle to the appropriate image
        var hImg = document.getElementById(navButtonName);
        
        // dehighlight the appropriate menu button
        switch(navButtonName)
        {
            case "Home":
                var hImg = document.getElementById('HomeButton');
                hImg.src = NavigationArray["HomeOff"].src;
                break;
                
            case "HowTo":
                var hImg = document.getElementById('HowToButton');
                hImg.src = NavigationArray["HowToOff"].src; 
                break;
                
            case "ManageAccount":
                var hImg = document.getElementById('LoginRegisterButton');
                hImg.src = NavigationArray["JoinUs"].src;
                break;
                 
            default:
                break;
        }
        
        return true;
    }