﻿

var Panels = new Object( );


$(document).ready( function( ){
    Buttons.Register( $("#btnManage_Container"), $("#btnManage_Off"), $("#btnManage_On") );
    Buttons.Register( $("#btnHardware_Container"), $("#btnHardware_Off"), $("#btnHardware_On") );
    Buttons.Register( $("#btnVoicemail_Container"), $("#btnVoicemail_Off"), $("#btnVoicemail_On") );
    Buttons.Register( $("#btnPasscodes_Container"), $("#btnPasscodes_Off"), $("#btnPasscodes_On") );
    Buttons.Register( $("#btnLocating_Container"), $("#btnLocating_Off"), $("#btnLocating_On") );
    
    Panels["pnlManage"] = $("#pnlManage");
    Panels["pnlHardware"] = $("#pnlHardware");
    Panels["pnlVoicemail"] = $("#pnlVoicemail");
    Panels["pnlPasscodes"] = $("#pnlPasscodes");
    Panels["pnlLocating"] = $("#pnlLocating");
    
    
    $("#btnManage_Container").mouseover( function(){
        ShowPanel( $("#pnlManage") );
    });
    
    $("#btnHardware_Container").mouseover( function(){
        ShowPanel( $("#pnlHardware") );
    });
    
    $("#btnVoicemail_Container").mouseover( function(){
        ShowPanel( $("#pnlVoicemail") );
    });
    
    $("#btnPasscodes_Container").mouseover( function(){
        ShowPanel( $("#pnlPasscodes") );
    });
    
    $("#btnLocating_Container").mouseover( function(){
        ShowPanel( $("#pnlLocating") );
    });
});


function ShowPanel( thePanelElement ){
    HidePanels( );
    
    thePanelElement.css( "display", "" );
}

function HidePanel( thePanelElement ){
    thePanelElement.css( "display", "none" );
}

function HidePanels( thePanelElement ){
    for( var thePanelElementID in Panels ){
        HidePanel( Panels[thePanelElementID] );
    }
}