// MichaelMcElroy.NET
 // Copyright 2007, Michael McElroy.
 // All rights are reserved.


 // Domain

    var EngageDomain;
    
    EngageDomain = function () {};




 // Entity

    EngageDomain . prototype . Entity = function () {};
    this . prototype = EngageDomain . prototype . Entity . prototype;
    this . prototype . superclass = null;
    

 // Methods

    this . prototype . initialize = function ()
        
        {
        return;
        };

    this . prototype . finalize = function ()
        
        {
        return;
        };

    this . prototype . graft = function (that)
    
        {
        var property;


     // Copy each property from 'this' to 'that'.

        for (property in this)
        
            {
            if (typeof (that [property]) == "undefined")
            
                {
                that [property] = this [property];
                }
            }


     // Assign a superclass to each function in 'that'.

        for (property in that)
        
            {
            if (typeof (that [property]) == "function")
            
                {
                that [property] . superclass = this;
                }
            }

        return;
        };




 // Delegate

    EngageDomain . prototype . Delegate = function () {};
    this . prototype = EngageDomain . prototype . Delegate . prototype;
    this . prototype . superclass = EngageDomain . prototype . Entity . prototype;


 // Members

    this . prototype . proxy  = null;
    this . prototype . entity = null;
    this . prototype . method = null;


 // Methods
 
    this . prototype . initialize = function ()
    
        {
        arguments . callee . superclass . initialize . apply (this);

        return;
        };

    this . prototype . act = function ()
    
        {
        return (this . proxy . apply (this, arguments));
        };
    
    this . prototype . getProxy = function ()

        {
        return (this . proxy);
        };

    this . prototype . setEntity = function (entity)

        {
        this . entity = entity;
        this . updateProxy ();
        
        return;
        };

    this . prototype . setMethod = function (method)

        {
        this . method = method;
        this . updateProxy ();
        
        return;
        };

    this . prototype . updateProxy = function ()
    
        {
        var entity;
        var method;
        
        entity = this . entity;
        method = this . method;

        if ((entity != null) && (method != null))
        
            {
            this . proxy = function () {return (method . apply (entity, arguments));};
            }
        
        else
        
            {
            this . proxy = function () {return;};
            }
        
        return;
        };

    this . prototype . register = function (entity, event)
    
        {
        if (entity . addEventListener)
        
            {
            entity . addEventListener (event, this . getProxy (), false);
            }
        
        else if (entity . attachEvent)
        
            {
            entity . attachEvent ("on" + event, this . getProxy ());
            }
        
        else
        
            {
            entity ["on" + event] = this . getProxy ();
            }

        return;
        };

    this . prototype . unregister = function (entity, event)
    
        {
        if (entity . removeEventListener)
        
            {
            entity . removeEventListener (event, this . getProxy (), false);
            }
        
        else if (entity . detatchEvent)
        
            {
            entity . detachEvent ("on" + entity, this . getProxy ());
            }
        
        else if (entity ["on" + event] == this . getProxy ())
        
            {
            entity ["on" + event] = null;
            }

        return;
        };

    this . prototype . superclass . graft (this . prototype);




 // Socket

    EngageDomain . prototype . Socket = function () {};
    this . prototype = EngageDomain . prototype . Socket . prototype;
    this . prototype . superclass = EngageDomain . prototype . Entity . prototype;
    

 // Members
    
    this . prototype . division = null;
    this . prototype . script   = null;
    

 // Methods
    
    this . prototype . initialize = function ()

        {
        arguments . callee . superclass . initialize . apply (this);

        this . script = null;
        this . division = document . createElement ("div");
        this . division . id = "SocketDivision";

        document . body . appendChild (this . division);
        
        return;
        };

    this . prototype . request = function (address)

        {
        this . script = document . createElement ("script");
        this . script . id = "SocketScript";
        this . script . type = "text/javascript";
        this . script . src = address;

        this . clearNodes (this . division);
        
        this . division . appendChild (this . script);

        return;
        };
    
    this . prototype . clearNodes = function (node)
    
        {
        while (node . hasChildNodes ())
        
            {
            node . removeChild (node . firstChild);
            }

        return;
        };

    this . prototype . superclass . graft (this . prototype);




 // Engage

    EngageDomain . prototype . Engage = function () {};
    this . prototype = EngageDomain . prototype . Engage . prototype;
    this . prototype . superclass = EngageDomain . prototype . Entity . prototype;


 // Members
 
    this . prototype . address                  = "/";
    this . prototype . colorMapAddress          = "/resources";
    this . prototype . backgroundAddress        = this . prototype . colorMapAddress + "/background.png";
    this . prototype . engageTitleAddress       = this . prototype . colorMapAddress + "/title.engage.png";
    this . prototype . shareTitleAddress        = this . prototype . colorMapAddress + "/title.share.png";
    this . prototype . mailTitleAddress         = this . prototype . colorMapAddress + "/title.mail.png";
    this . prototype . tipTitleAddress          = this . prototype . colorMapAddress + "/title.tip.png";
    this . prototype . acquaintTitleAddress     = this . prototype . colorMapAddress + "/title.acquaint.png";
    this . prototype . shareSymbolAddress       = this . prototype . colorMapAddress + "/symbol.share.png";
    this . prototype . mailSymbolAddress        = this . prototype . colorMapAddress + "/symbol.mail.png";
    this . prototype . tipSymbolAddress         = this . prototype . colorMapAddress + "/symbol.tip.png";
    this . prototype . acquaintSymbolAddress    = this . prototype . colorMapAddress + "/symbol.acquaint.png";
    this . prototype . shareHintAddress         = this . prototype . colorMapAddress + "/hint.share.png";
    this . prototype . mailHintAddress          = this . prototype . colorMapAddress + "/hint.mail.png";
    this . prototype . tipHintAddress           = this . prototype . colorMapAddress + "/hint.tip.png";
    this . prototype . acquaintHintAddress      = this . prototype . colorMapAddress + "/hint.acquaint.png";
    this . prototype . sendButtonAddress        = this . prototype . colorMapAddress + "/button.send.png";
    this . prototype . closeButtonAddress       = this . prototype . colorMapAddress + "/button.close.png";
    this . prototype . shareMessageAddress      = this . prototype . colorMapAddress + "/message.share.png";
    this . prototype . tipMessageAddress        = this . prototype . colorMapAddress + "/message.tip.png";
    this . prototype . acquaintMessageAddress   = this . prototype . colorMapAddress + "/message.acquaint.png";
    this . prototype . thankYouMessageAddress   = this . prototype . colorMapAddress + "/message.thankyou.png";
    
    this . prototype . graphics                 = null;
    this . prototype . backgroundGraphics       = null;
    this . prototype . engageTitleGraphics      = null;
    this . prototype . shareTitleGraphics       = null;
    this . prototype . mailTitleGraphics        = null;
    this . prototype . tipTitleGraphics         = null;
    this . prototype . acquaintTitleGraphics    = null;
    this . prototype . shareSymbolGraphics      = null;
    this . prototype . mailSymbolGraphics       = null;
    this . prototype . tipSymbolGraphics        = null;
    this . prototype . acquaintSymbolGraphics   = null;
    this . prototype . shareHintGraphics        = null;
    this . prototype . mailHintGraphics         = null;
    this . prototype . tipHintGraphics          = null;
    this . prototype . acquaintHintGraphics     = null;
    this . prototype . sendButtonGraphics       = null;
    this . prototype . closeButtonGraphics      = null;
    this . prototype . shareMessageGraphics     = null;
    this . prototype . tipMessageGraphics       = null;
    this . prototype . acquaintMessageGraphics  = null;
    this . prototype . thankYouMessageGraphics  = null;
    
    this . prototype . defaultActionDelegate    = null;
    this . prototype . closeDelegate            = null;
    this . prototype . openMailDelegate         = null;
    this . prototype . sendMailDelegate         = null;
    this . prototype . sendTipDelegate          = null;
    this . prototype . selectHintDelegate       = null;
    this . prototype . selectModeDelegate       = null;
    this . prototype . openPageDelegate         = null;

    this . prototype . mode                     = null;
    this . prototype . defaultMode              = null;
    this . prototype . visible                  = null;
 
    this . prototype . form                     = null;
    this . prototype . shareTextBox             = null;
    this . prototype . mailTextArea             = null;
    this . prototype . tipTextBox               = null;
    
    this . prototype . socket                   = null;
 
 
 // Methods

    this . prototype . initialize = function (address)
    
        {
        arguments . callee . superclass . initialize . apply (this);

        this . setAddress (address);
        this . initializeDelegates ();
        this . initializeGraphics ();
        this . initializeForm ();
        this . initializeValues ();
        
        this . socket = new (new EngageDomain ()) . Socket ();
        this . socket . initialize ();

        return;
        };
        
    this . prototype . initializeValues = function ()
    

        {
        this . visible = false;
        this . defaultMode = "engage";
        this . setMode (this . defaultMode);

        return;
        };
        
    this . prototype . initializeDelegates = function ()
    
        {
        this . defaultActionDelegate = new (new EngageDomain ()) . Delegate ();
        this . defaultActionDelegate . initialize ();
        this . defaultActionDelegate . setEntity (this);
        this . defaultActionDelegate . setMethod (this . defaultAction);

        this . closeDelegate = new (new EngageDomain ()) . Delegate ();
        this . closeDelegate . initialize ();
        this . closeDelegate . setEntity (this);
        this . closeDelegate . setMethod (this . close);
        
        this . openMailDelegate = new (new EngageDomain ()) . Delegate ();
        this . openMailDelegate . initialize ();
        this . openMailDelegate . setEntity (this);
        this . openMailDelegate . setMethod (this . openMail);

        this . sendMailDelegate = new (new EngageDomain ()) . Delegate ();
        this . sendMailDelegate . initialize ();
        this . sendMailDelegate . setEntity (this);
        this . sendMailDelegate . setMethod (this . sendMail);

        this . sendTipDelegate = new (new EngageDomain ()) . Delegate ();
        this . sendTipDelegate . initialize ();
        this . sendTipDelegate . setEntity (this);
        this . sendTipDelegate . setMethod (this . sendTip);

        this . selectHintDelegate = new (new EngageDomain ()) . Delegate ();
        this . selectHintDelegate . initialize ();
        this . selectHintDelegate . setEntity (this);
        this . selectHintDelegate . setMethod (this . selectHint);

        this . selectModeDelegate = new (new EngageDomain ()) . Delegate ();
        this . selectModeDelegate . initialize ();
        this . selectModeDelegate . setEntity (this);
        this . selectModeDelegate . setMethod (this . selectMode);

        this . openPageDelegate = new (new EngageDomain ()) . Delegate ();
        this . openPageDelegate . initialize ();
        this . openPageDelegate . setEntity (this);
        this . openPageDelegate . setMethod (this . openPage);

        return;
        };
        
    this . prototype . initializeGraphics = function ()
    
        {
        var rowOffset;
        var columnOffset;
        var rowDimension;
        var columnDimension;
        
        rowOffset = 19;
        columnOffset = 20;
        rowDimension = 238;
        columnDimension = 391;

        this . graphics = document . createElement ("div");
        this . backgroundGraphics = document . createElement ("img");
        this . engageTitleGraphics = document . createElement ("img");
        this . shareTitleGraphics = document . createElement ("img");
        this . mailTitleGraphics = document . createElement ("img");
        this . tipTitleGraphics = document . createElement ("img");
        this . acquaintTitleGraphics = document . createElement ("img");
        this . shareSymbolGraphics = document . createElement ("img");
        this . mailSymbolGraphics = document . createElement ("img");
        this . tipSymbolGraphics = document . createElement ("img");
        this . acquaintSymbolGraphics = document . createElement ("img");
        this . shareHintGraphics = document . createElement ("img");
        this . mailHintGraphics = document . createElement ("img");
        this . tipHintGraphics = document . createElement ("img");
        this . acquaintHintGraphics = document . createElement ("img");
        this . sendButtonGraphics = document . createElement ("img");
        this . closeButtonGraphics = document . createElement ("img");
        this . shareMessageGraphics = document . createElement ("img");
        this . tipMessageGraphics = document . createElement ("img");
        this . acquaintMessageGraphics = document . createElement ("img");
        this . thankYouMessageGraphics = document . createElement ("img");

        this . graphics . style . zIndex = "100";
        this . graphics . style . position = "absolute";
        this . graphics . style . top = (- rowDimension) + "px";
        this . graphics . style . left = (- Math . floor (columnDimension / 2.00)) + "px";
        this . graphics . style . marginLeft = "50%";
        this . graphics . style . height = rowDimension + "px";
        this . graphics . style . width = columnDimension + "px";
        this . graphics . style . display = "none";

        this . unserializeGraphics (this . backgroundGraphics, this . backgroundAddress, 0, 0);
        this . unserializeGraphics (this . engageTitleGraphics, this . engageTitleAddress, rowOffset, columnOffset);
        this . unserializeGraphics (this . shareTitleGraphics, this . shareTitleAddress, rowOffset, columnOffset);
        this . unserializeGraphics (this . mailTitleGraphics, this . mailTitleAddress, rowOffset, columnOffset);
        this . unserializeGraphics (this . tipTitleGraphics, this . tipTitleAddress, rowOffset, columnOffset);
        this . unserializeGraphics (this . acquaintTitleGraphics, this . acquaintTitleAddress, rowOffset, columnOffset);
        this . unserializeGraphics (this . shareSymbolGraphics, this . shareSymbolAddress, 100, Math . floor (columnDimension / 6.00) * 1 + 13);
        this . unserializeGraphics (this . mailSymbolGraphics, this . mailSymbolAddress, 100, Math . floor (columnDimension / 6.00) * 2 + 13);
        this . unserializeGraphics (this . tipSymbolGraphics, this . tipSymbolAddress, 100, Math . floor (columnDimension / 6.00) * 3 + 13);
        this . unserializeGraphics (this . acquaintSymbolGraphics, this . acquaintSymbolAddress, 100, Math . floor (columnDimension / 6.00) * 4 + 13);
        this . unserializeGraphics (this . shareHintGraphics, this . shareHintAddress, 155, 165);
        this . unserializeGraphics (this . mailHintGraphics, this . mailHintAddress, 155, 165);
        this . unserializeGraphics (this . tipHintGraphics, this . tipHintAddress, 155, 165);
        this . unserializeGraphics (this . acquaintHintGraphics, this . acquaintHintAddress, 155, 165);
        this . unserializeGraphics (this . sendButtonGraphics, this . sendButtonAddress, rowOffset + 140, columnOffset + 132);
        this . unserializeGraphics (this . closeButtonGraphics, this . closeButtonAddress, rowOffset + 19, columnOffset + 315);
        this . unserializeGraphics (this . shareMessageGraphics, this . shareMessageAddress, rowOffset + 64, columnOffset + 44);
        this . unserializeGraphics (this . tipMessageGraphics, this . tipMessageAddress, rowOffset + 54, columnOffset + 54);
        this . unserializeGraphics (this . acquaintMessageGraphics, this . acquaintMessageAddress, rowOffset + 58, columnOffset + 64);
        this . unserializeGraphics (this . thankYouMessageGraphics, this . thankYouMessageAddress, rowOffset + 63, columnOffset + 91);

        this . shareSymbolGraphics . style . cursor = "pointer";
        this . mailSymbolGraphics . style . cursor = "pointer";
        this . tipSymbolGraphics . style . cursor = "pointer";
        this . acquaintSymbolGraphics . style . cursor = "pointer";
        this . sendButtonGraphics . style . cursor = "pointer";
        this . closeButtonGraphics . style . cursor = "pointer";
        this . acquaintMessageGraphics . style . cursor = "pointer";

        return;
        };
        
    this . prototype . unserializeGraphics = function (graphics, address, rowCoordinate, columnCoordinate)
    
        {
        graphics . src = this . address + "/" + address;
        graphics . alt = "[graphics]";
        graphics . style . zIndex = "1";
        graphics . style . position = "absolute";
        graphics . style . top = rowCoordinate + "px";
        graphics . style . left = columnCoordinate + "px";
        graphics . style . display = "none";
        
        this . graphics . appendChild (graphics);
        
        return;
        };
        
    this . prototype . initializeForm = function ()
        
        {
        var rowOffset;
        var columnOffset;
        var rowDimension;
        var columnDimension;
        
        rowOffset = 19;
        columnOffset = 20;
        rowDimension = 170;
        columnDimension = 350;

        this . form = document . createElement ("form");
        this . form . id = "engageForm";
        this . form . name = "engageForm";
        this . form . method = "post";
        this . form . action = "#";
        this . form . onsubmit = function (event) {event . cancelBubble = true; return (false);}
        this . form . style . zIndex = "1";
        this . form . style . position = "absolute";
        this . form . style . top = (rowOffset + 57) + "px";
        this . form . style . left = columnOffset + "px";
        this . form . style . height = 80 + "px";
        this . form . style . width = 350 + "px";
        this . form . style . display = "inline";

        this . shareTextBox = document . createElement ("input");
        this . shareTextBox . id = "engageMail";
        this . shareTextBox . name = "engageMail";
        this . shareTextBox . type = "text";
        this . shareTextBox . style . position = "absolute";
        this . shareTextBox . style . top = "50px";
        this . shareTextBox . style . left = "20px";
        this . shareTextBox . style . width = (columnDimension - 20 - 20) + "px";
        this . shareTextBox . style . backgroundColor = "#ffffff";
        this . shareTextBox . style . border = "#ffffff 0px solid";
        this . shareTextBox . style . color = "#000077";
        this . shareTextBox . style . textAlign = "center";
        this . shareTextBox . style . display = "none";

        this . mailTextArea = document . createElement ("textarea");
        this . mailTextArea . id = "engageMail";
        this . mailTextArea . name = "engageMail";
        this . mailTextArea . style . position = "absolute";
        this . mailTextArea . style . top = "0px";
        this . mailTextArea . style . left = "10px";
        this . mailTextArea . style . height = "68px";
        this . mailTextArea . style . width = (columnDimension - 10 - 10) + "px";
        this . mailTextArea . style . backgroundColor = "#ffffff";
        this . mailTextArea . style . border = "#ffffff 0px solid";
        this . mailTextArea . style . color = "#000077";
        this . mailTextArea . style . display = "none";

        this . tipTextBox = document . createElement ("input");
        this . tipTextBox . id = "engageMail";
        this . tipTextBox . name = "engageMail";
        this . tipTextBox . type = "text";
        this . tipTextBox . style . position = "absolute";
        this . tipTextBox . style . top = "50px";
        this . tipTextBox . style . left = "100px";
        this . tipTextBox . style . width = (columnDimension - 100 - 100) + "px";
        this . tipTextBox . style . backgroundColor = "#ffffff";
        this . tipTextBox . style . border = "#ffffff 0px solid";
        this . tipTextBox . style . color = "#000077";
        this . tipTextBox . style . textAlign = "center";
        this . tipTextBox . style . display = "none";

        this . form . appendChild (this . shareTextBox);
        this . form . appendChild (this . mailTextArea);
        this . form . appendChild (this . tipTextBox);
        
        this . graphics . appendChild (this . form);

        return;
        };
        
    this . prototype . setAddress = function (address)
    
        {
        this . address = address;
        
        return;
        };
    
    this . prototype . defaultAction = function (cursorEvent)
    
        {
        if (this . mode == "thank you")
        
            {
            this . setVisible (false);
            }

        this . render ();

        cursorEvent . cancelBubble = true;
        
        return;
        };
    
    this . prototype . close = function (cursorEvent)
    
        {
        if ((this . mode == "engage") || (this . mode == "thank you"))
        
            {
            this . setVisible (false);
            }
            
        else
        
            {
            this . setMode ("engage");
            }

        this . render ();

        cursorEvent . cancelBubble = true;

        return;
        };

    this . prototype . openMail = function (cursorEvent)
    
        {
        var address;
        
        address = this . shareTextBox . value;
        
        window . location . href = "mailto:" + address + "?subject=Games&body=http://dahigi.net/games";
        
        this . setMode ("thank you");
        this . render ();

        cursorEvent . cancelBubble = true;
        
        return;
        };
    
    this . prototype . sendMail = function (cursorEvent)
    
        {
        this . socket . request (this . address + "/interface/mail.php?message=" + escape (this . mailTextArea . value));
        this . setMode ("thank you");
        this . render ();

        cursorEvent . cancelBubble = true;
        
        return;
        };
    
    this . prototype . sendTip = function (cursorEvent)
    
        {
        var amount;
        
        amount = this . tipTextBox . value;
        amount = amount . replace (/[^\-\.0-9]/g, "");

        if (amount > 0)
        
            {
            window . open ("https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=michael%40michaelmcelroy%2enet&item_name=donation&item_number=donation&amount=" + amount + "%2e00&no_shipping=0&no_note=1&tax=0&currency_code=USD&lc=US&bn=PP%2dDonationsBF&charset=UTF%2d8");
            this . setMode ("thank you");
            this . render ();
            }

        cursorEvent . cancelBubble = true;
        
        return;
        };
    
    this . prototype . selectHint = function (cursorEvent)
    
        {
        var target;
        
        target = cursorEvent . target;
        
        this . hint = "";
        
        if (cursorEvent . type == "mouseover")
        if (target != null)
        
            {
            if (target == this . shareSymbolGraphics)
            
                {
                this . hint = "share";
                }

            if (target == this . mailSymbolGraphics)
            
                {
                this . hint = "mail";
                }

            if (target == this . tipSymbolGraphics)
            
                {
                this . hint = "tip";
                }

            if (target == this . acquaintSymbolGraphics)
            
                {
                this . hint = "acquaint";
                }
            }
        
        this . render ();

        cursorEvent . cancelBubble = true;

        return;
        };
        
    this . prototype . selectMode = function (cursorEvent)
    
        {
        var target;
        
        target = cursorEvent . target;
        
        if (target != null)
        
            {
            if (target == this . shareSymbolGraphics)
            
                {
                this . setMode ("share");
                }

            if (target == this . mailSymbolGraphics)
            
                {
                this . setMode ("mail");
                }

            if (target == this . tipSymbolGraphics)
            
                {
                this . setMode ("tip");
                }

            if (target == this . acquaintSymbolGraphics)
            
                {
                this . setMode ("acquaint");
                }
            }

        this . render ();

        cursorEvent . cancelBubble = true;

        return;
        };
        
    this . prototype . openPage = function (cursorEvent)
    
        {
        window . location . href = "http://michaelmcelroy.net";
        
        cursorEvent . cancelBubble = true;

        return;
        };
    
    this . prototype . setMode = function (mode)
    
        {
        this . mode = mode;
        this . hint = "";
        this . form . reset ();

     // Unregister all delegates.

        this . openMailDelegate . unregister (this . sendButtonGraphics, "click");
        this . sendMailDelegate . unregister (this . sendButtonGraphics, "click");
        this . sendTipDelegate . unregister (this . sendButtonGraphics, "click");
        this . defaultActionDelegate . unregister (this . graphics, "click");
        this . closeDelegate . unregister (this . closeButtonGraphics, "click");
        this . selectHintDelegate . unregister (this . shareSymbolGraphics, "mouseover");
        this . selectHintDelegate . unregister (this . mailSymbolGraphics, "mouseover");
        this . selectHintDelegate . unregister (this . tipSymbolGraphics, "mouseover");
        this . selectHintDelegate . unregister (this . acquaintSymbolGraphics, "mouseover");
        this . selectHintDelegate . unregister (this . shareSymbolGraphics, "mouseout");
        this . selectHintDelegate . unregister (this . mailSymbolGraphics, "mouseout");
        this . selectHintDelegate . unregister (this . tipSymbolGraphics, "mouseout");
        this . selectHintDelegate . unregister (this . acquaintSymbolGraphics, "mouseout");
        this . selectModeDelegate . unregister (this . shareSymbolGraphics, "click");
        this . selectModeDelegate . unregister (this . mailSymbolGraphics, "click");
        this . selectModeDelegate . unregister (this . tipSymbolGraphics, "click");
        this . selectModeDelegate . unregister (this . acquaintSymbolGraphics, "click");
        this . openPageDelegate . unregister (this . acquaintMessageGraphics , "click");


     // Register delegates that apply to all modes.

        this . defaultActionDelegate . register (this . graphics, "click");
        this . closeDelegate . register (this . closeButtonGraphics, "click");
        
        
     // Register delegates that are associated with the mode.

        if (this . mode == "engage")
        
            {
            this . selectHintDelegate . register (this . shareSymbolGraphics, "mouseover");
            this . selectHintDelegate . register (this . mailSymbolGraphics, "mouseover");
            this . selectHintDelegate . register (this . tipSymbolGraphics, "mouseover");
            this . selectHintDelegate . register (this . acquaintSymbolGraphics, "mouseover");
            this . selectHintDelegate . register (this . shareSymbolGraphics, "mouseout");
            this . selectHintDelegate . register (this . mailSymbolGraphics, "mouseout");
            this . selectHintDelegate . register (this . tipSymbolGraphics, "mouseout");
            this . selectHintDelegate . register (this . acquaintSymbolGraphics, "mouseout");
            this . selectModeDelegate . register (this . shareSymbolGraphics, "click");
            this . selectModeDelegate . register (this . mailSymbolGraphics, "click");
            this . selectModeDelegate . register (this . tipSymbolGraphics, "click");
            this . selectModeDelegate . register (this . acquaintSymbolGraphics, "click");
            }

        if (this . mode == "share")
        
            {
            this . openMailDelegate . register (this . sendButtonGraphics, "click");
            }

        if (this . mode == "mail")
        
            {
            this . sendMailDelegate . register (this . sendButtonGraphics, "click");
            }

        if (this . mode == "tip")
        
            {
            this . sendTipDelegate . register (this . sendButtonGraphics, "click");
            }

        if (this . mode == "acquaint")
        
            {
            this . openPageDelegate . register (this . acquaintMessageGraphics , "click");
            }

        if (this . mode == "thank you")
        
            {
            }

        return;
        };

    this . prototype . getVisible = function ()
    
        {
        return (this . visible);
        };

    this . prototype . setVisible = function (visible)
    
        {
        this . visible = visible;
        this . setMode (this . defaultMode);
        this . render ();

        return;
        };

    this . prototype . getGraphics = function ()
    
        {
        return (this . graphics);
        };

    this . prototype . render = function ()
    
        {
        if (this . graphics != null)
        
            {
            if (this . visible)
            
                {
             // Hide all the graphics.

                this . graphics . style . display = "none";
                this . backgroundGraphics . style . display = "none";
                this . engageTitleGraphics . style . display = "none";
                this . shareTitleGraphics . style . display = "none";
                this . mailTitleGraphics . style . display = "none";
                this . tipTitleGraphics . style . display = "none";
                this . acquaintTitleGraphics . style . display = "none";
                this . shareSymbolGraphics . style . display = "none";
                this . mailSymbolGraphics . style . display = "none";
                this . tipSymbolGraphics . style . display = "none";
                this . acquaintSymbolGraphics . style . display = "none";
                this . shareHintGraphics . style . display = "none";
                this . mailHintGraphics . style . display = "none";
                this . tipHintGraphics . style . display = "none";
                this . acquaintHintGraphics . style . display = "none";
                this . shareMessageGraphics . style . display = "none";
                this . tipMessageGraphics . style . display = "none";
                this . acquaintMessageGraphics . style . display = "none";
                this . thankYouMessageGraphics . style . display = "none";
                this . sendButtonGraphics . style . display = "none";
                this . closeButtonGraphics . style . display = "none";
                this . form . style . display = "none";
                this . shareTextBox . style . display = "none";
                this . mailTextArea . style . display = "none";
                this . tipTextBox . style . display = "none";


             // Show the graphics that are associated with all modes.

                this . graphics . style . display = "block";
                this . backgroundGraphics . style . display = "block";
                this . closeButtonGraphics . style . display = "block";


             // Show the graphics associated with the mode.

                if (this . mode == "engage")
                
                    {
                    this . engageTitleGraphics . style . display = "block";
                    this . shareSymbolGraphics . style . display = "block";
                    this . mailSymbolGraphics . style . display = "block";
                    this . tipSymbolGraphics . style . display = "block";
                    this . acquaintSymbolGraphics . style . display = "block";

                    if (this . hint == "share")
                    
                        {
                        this . shareHintGraphics . style . display = "block";
                        }

                    if (this . hint == "mail")
                    
                        {
                        this . mailHintGraphics . style . display = "block";
                        }

                    if (this . hint == "tip")
                    
                        {
                        this . tipHintGraphics . style . display = "block";
                        }

                    if (this . hint == "acquaint")
                    
                        {
                        this . acquaintHintGraphics . style . display = "block";
                        }
                    }

                if (this . mode == "share")
                
                    {
                    this . shareTitleGraphics . style . display = "block";
                    this . shareMessageGraphics . style . display = "block";
                    this . sendButtonGraphics . style . display = "block";
                    this . form . style . display = "inline";
                    this . shareTextBox . style . display = "block";
                    this . shareTextBox . focus ();
                    }

                if (this . mode == "mail")
                
                    {
                    this . mailTitleGraphics . style . display = "block";
                    this . sendButtonGraphics . style . display = "block";
                    this . form . style . display = "inline";
                    this . mailTextArea . style . display = "block";
                    this . mailTextArea . focus ();
                    }

                if (this . mode == "tip")
                
                    {
                    this . tipTitleGraphics . style . display = "block";
                    this . tipMessageGraphics . style . display = "block";
                    this . sendButtonGraphics . style . display = "block";
                    this . form . style . display = "inline";
                    this . tipTextBox . style . display = "block";
                    this . tipTextBox . focus ();
                    }

                if (this . mode == "acquaint")
                
                    {
                    this . acquaintTitleGraphics . style . display = "block";
                    this . acquaintMessageGraphics . style . display = "block";
                    }

                if (this . mode == "thank you")
                
                    {
                    this . thankYouMessageGraphics . style . display = "block";
                    }
                }
            
            else
            
                {
                this . graphics . style . display = "none";
                }
            }

        return;
        };

    this . prototype . superclass . graft (this . prototype);