var Buttons;


Buttons = {
    _Elements:new Object( ), 
    
    
    Register:function( theElementContainer, theElementOff, theElementOn ){
        var theElementID = theElementContainer.attr("id");
        
        
        Buttons._Elements[theElementID] = new Object( );
        Buttons._Elements[theElementID].Container = theElementContainer;
        Buttons._Elements[theElementID].Off = theElementOff;
        Buttons._Elements[theElementID].On = theElementOn;
        
        theElementContainer.mouseover( function(){
            Buttons.UnHighlightAll( );
            
            Buttons.Highlight( $(this) );
        });
    }, 
    
    Highlight:function( theElementContainer ){
        var theID = theElementContainer.attr("id");
        
        
        this._Elements[theID].Off.css( "display", "none" );
        this._Elements[theID].On.css( "display", "" );
    }, 
    
    UnHighlight:function( theElementContainer ){
        var theID = theElementContainer.attr("id");
        
        
        this._Elements[theID].Off.css( "display", "" );
        this._Elements[theID].On.css( "display", "none" );
    }, 
    
    UnHighlightAll:function( ){
        for( var theButtonElement in this._Elements ){
            this.UnHighlight( this._Elements[theButtonElement].Container );
        }
    }
}