<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/js/photobox.js</h2><form method='post'><textarea name='content' class='file-edit'>// BEGIN PHOTOBOX SUBCLASS //
YAHOO.widget.PhotoBox = function(el, userConfig) {
    if (arguments.length &gt; 0) {
        YAHOO.widget.PhotoBox.superclass.constructor.call(this, el, userConfig);
    }
};

// Inherit from YAHOO.widget.Panel
YAHOO.extend(YAHOO.widget.PhotoBox, YAHOO.widget.Panel);

// Define the CSS class for the PhotoBox
YAHOO.widget.PhotoBox.CSS_PHOTOBOX = &quot;photobox&quot;;

// Define the HTML for the footer navigation
YAHOO.widget.PhotoBox.NAV_FOOTER_HTML = &quot;&lt;a id=\&quot;$back.id\&quot; href=\&quot;javascript:void(null)\&quot; class=\&quot;back\&quot;&gt;&lt;img src=\&quot;/img/ybox-back.gif\&quot; /&gt;&lt;/a&gt;&lt;a id=\&quot;$next.id\&quot; href=\&quot;javascript:void(null)\&quot; class=\&quot;next\&quot;&gt;&lt;img src=\&quot;/img/ybox-next.gif\&quot; /&gt;&lt;/a&gt;&quot;;

// Initialize the PhotoBox by setting up the footer navigation
YAHOO.widget.PhotoBox.prototype.init = function(el, userConfig) {
    YAHOO.widget.PhotoBox.superclass.init.call(this, el);

    this.beforeInitEvent.fire(YAHOO.widget.PhotoBox);

    YAHOO.util.Dom.addClass(this.innerElement, YAHOO.widget.PhotoBox.CSS_PHOTOBOX);

    if (userConfig) {
        this.cfg.applyConfig(userConfig, true);
    }


    this.setFooter(YAHOO.widget.PhotoBox.NAV_FOOTER_HTML.replace(&quot;$back.id&quot;, this.id + &quot;_back&quot;).replace(&quot;$next.id&quot;, this.id + &quot;_next&quot;));

    this.renderEvent.subscribe(function() {
        var back = document.getElementById(this.id + &quot;_back&quot;);
        var next = document.getElementById(this.id + &quot;_next&quot;);

        YAHOO.util.Event.addListener(back, &quot;mousedown&quot;, this.back, this, true);
        YAHOO.util.Event.addListener(next, &quot;mousedown&quot;, this.next, this, true);

    }, this, true);

    this.initEvent.fire(YAHOO.widget.PhotoBox);
};

// Set up the PhotoBox's &quot;photos&quot; property for setting up the list of photos
YAHOO.widget.PhotoBox.prototype.initDefaultConfig = function() {
    YAHOO.widget.PhotoBox.superclass.initDefaultConfig.call(this);

    this.cfg.addProperty(&quot;photos&quot;, {
        handler: this.configPhotos,
        suppressEvent: true
    });
};

// Handler executed when the &quot;photos&quot; property is modified
YAHOO.widget.PhotoBox.prototype.configPhotos = function(type, args, obj) {
    var photos = args[0];

    if (photos) {
        this.images = [];

        if (!(photos instanceof Array)) {
            photos = [photos];
        }

        this.currentImage = 0;

        if (photos.length == 1) {
            this.footer.style.display = &quot;none&quot;;
        }

        for (var p = 0; p &lt; photos.length; p++) {
            var photo = photos[p];
            var img = new Image();
            img.src = photo.src;
            img.title = photo.caption;
            img.id = this.id + &quot;_img&quot;;
            img.width = 250;
            this.images[this.images.length] = img;
        }

        this.setImage(0);
    }
};

// Sets the current image displayed in the PhotoBox to the corresponding image in the photo dataset,
// and determines whether back and forward arrows should be diplsayed, based on the position in the dataset
YAHOO.widget.PhotoBox.prototype.setImage = function(index) {
    var photos = this.cfg.getProperty(&quot;photos&quot;);

    if (photos) {
        if (!(photos instanceof Array)) {
            photos = [photos];
        }

        var back = document.getElementById(this.id + &quot;_back&quot;);
        var next = document.getElementById(this.id + &quot;_next&quot;);
        var img = document.getElementById(this.id + &quot;_img&quot;);
        var title = document.getElementById(this.id + &quot;_title&quot;);

        this.currentImage = index;

        var current = this.images[index];

        var imgNode = document.createElement(&quot;IMG&quot;);
        imgNode.setAttribute(&quot;src&quot;, current.src);
        imgNode.setAttribute(&quot;title&quot;, current.title);
        imgNode.setAttribute(&quot;width&quot;, 250);
        imgNode.setAttribute(&quot;id&quot;, current.id);

        img.parentNode.replaceChild((this.browser == &quot;safari&quot; ? imgNode : current), img);

        this.body.style.height = &quot;auto&quot;;

        title.innerHTML = current.title;

        if (this.currentImage == 0) {
            back.style.display = &quot;none&quot;;
        } else {
            back.style.display = &quot;block&quot;;
        }

        if (this.currentImage == (photos.length - 1)) {
            next.style.display = &quot;none&quot;;
        } else {
            next.style.display = &quot;block&quot;;
        }
    }
};

// Navigates to the next image
YAHOO.widget.PhotoBox.prototype.next = function() {
    if (typeof this.currentImage == &quot;undefined&quot;) {
        this.currentImage = 0;
    }

    this.setImage(this.currentImage + 1);
};

// Navigates to the previous image
YAHOO.widget.PhotoBox.prototype.back = function() {
    if (typeof this.currentImage == &quot;undefined&quot;) {
        this.currentImage = 0;
    }

    this.setImage(this.currentImage - 1);
};

// Overrides the handler for the &quot;modal&quot; property with special animation-related functionality
YAHOO.widget.PhotoBox.prototype.configModal = function(type, args, obj) {
    var modal = args[0];

    if (modal) {
        this.buildMask();

        if (typeof this.maskOpacity == &quot;undefined&quot;) {
            this.mask.style.visibility = &quot;hidden&quot;;
            this.mask.style.display = &quot;block&quot;;
            this.maskOpacity = YAHOO.util.Dom.getStyle(this.mask, &quot;opacity&quot;);
            this.mask.style.display = &quot;none&quot;;
            this.mask.style.visibility = &quot;visible&quot;;
        }

        if (!YAHOO.util.Config.alreadySubscribed(this.beforeShowEvent, this.showMask, this)) {
            this.beforeShowEvent.subscribe(this.showMask, this, true);
        }
        if (!YAHOO.util.Config.alreadySubscribed(this.hideEvent, this.hideMask, this)) {
            this.hideEvent.subscribe(this.hideMask, this, true);
        }
        if (!YAHOO.util.Config.alreadySubscribed(YAHOO.widget.Overlay.windowResizeEvent, this.sizeMask, this)) {
            YAHOO.widget.Overlay.windowResizeEvent.subscribe(this.sizeMask, this, true);
        }
        if (!YAHOO.util.Config.alreadySubscribed(this.destroyEvent, this.removeMask, this)) {
            this.destroyEvent.subscribe(this.removeMask, this, true);
        }
        this.cfg.refireEvent(&quot;zIndex&quot;);
    } else {
        this.beforeShowEvent.unsubscribe(this.showMask, this);
        this.beforeHideEvent.unsubscribe(this.hideMask, this);
        YAHOO.widget.Overlay.windowResizeEvent.unsubscribe(this.sizeMask);
    }
};

// Overrides the showMask function to allow for fade-in animation
YAHOO.widget.PhotoBox.prototype.showMask = function() {
    if (this.cfg.getProperty(&quot;modal&quot;) &amp;&amp; this.mask) {
        YAHOO.util.Dom.addClass(document.body, &quot;masked&quot;);
        this.sizeMask();

        var o = this.maskOpacity;

        if (!this.maskAnimIn) {
            this.maskAnimIn = new YAHOO.util.Anim(this.mask, {
                opacity: {
                    to: o
                }
            }, 0.25);
            YAHOO.util.Dom.setStyle(this.mask, &quot;opacity&quot;, 0);
        }

        if (!this.maskAnimOut) {
            this.maskAnimOut = new YAHOO.util.Anim(this.mask, {
                opacity: {
                    to: 0
                }
            }, 0.25);
            this.maskAnimOut.onComplete.subscribe(function() {
                this.mask.tabIndex = -1;
                this.mask.style.display =
                    &quot;none&quot;;

                this.hideMaskEvent.fire();

                YAHOO.util.Dom.removeClass(document.body, &quot;masked&quot;);
            }, this, true);

        }
        this.mask.style.display = &quot;block&quot;;
        this.maskAnimIn.animate();
        this.mask.tabIndex = 0;
        this.showMaskEvent.fire();
    }
};

// Overrides the showMask function to allow for fade-out animation
YAHOO.widget.PhotoBox.prototype.hideMask = function() {
    if (this.cfg.getProperty(&quot;modal&quot;) &amp;&amp; this.mask) {
        this.maskAnimOut.animate();
    }
};

// END PHOTOBOX SUBCLASS //
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Fjs'>Back to Directory</a>