jQuery.fn.boxy = function(options) {
    options = options || {}; return this.each(function() {
        var node = this.nodeName.toLowerCase(), self = this; if (node == 'a') {
            jQuery(this).click(function() {
                var active = Boxy.linkedTo(this), href = this.getAttribute('href'), localOptions = jQuery.extend({ actuator: this, title: this.title }, options); if (active) { active.show(); } else if (href.indexOf('#') >= 0) { var content = jQuery(href.substr(href.indexOf('#'))), newContent = content.clone(true); content.remove(); localOptions.unloadOnHide = false; new Boxy(newContent, localOptions); } else { if (!localOptions.cache) localOptions.unloadOnHide = true; Boxy.load(this.href, localOptions); }
                return false;
            });
        } else if (node == 'form') { jQuery(this).bind('submit.boxy', function() { Boxy.confirm(options.message || 'Please confirm:', function() { jQuery(self).unbind('submit.boxy').submit(); }); return false; }); } 
    });
}; function Boxy(element, options) {
    this.boxy = jQuery(Boxy.WRAPPER); jQuery.data(this.boxy[0], 'boxy', this); this.visible = false; this.options = jQuery.extend({}, Boxy.DEFAULTS, options || {}); if (this.options.modal) { this.options = jQuery.extend(this.options, { center: true, draggable: false }); }
    if (this.options.actuator) { jQuery.data(this.options.actuator, 'active.boxy', this); }
    this.setContent(element || "<div></div>"); this._setupTitleBar(); this.boxy.css('display', 'none').appendTo(document.body); this.toTop(); if (this.options.fixed) { if (jQuery.browser.msie && jQuery.browser.version < 7) { this.options.fixed = false; } else { this.boxy.addClass('fixed'); } }
    if (this.options.center && Boxy._u(this.options.x, this.options.y)) { this.center(); } else { this.moveTo(Boxy._u(this.options.x) ? this.options.x : Boxy.DEFAULT_X, Boxy._u(this.options.y) ? this.options.y : Boxy.DEFAULT_Y); }
    if (this.options.show) this.show();
}; Boxy.EF = function() { }; jQuery.extend(Boxy, { WRAPPER: "<table cellspacing='0' cellpadding='0' border='0' class='boxy-wrapper'>" + "<tr><td class='top-left'></td><td class='top'></td><td class='top-right'></td></tr>" + "<tr><td class='left'></td><td class='boxy-inner'></td><td class='right'></td></tr>" + "<tr><td class='bottom-left'></td><td class='bottom'></td><td class='bottom-right'></td></tr>" + "</table>", DEFAULTS: { title: null, closeable: true, draggable: true, clone: false, actuator: null, center: true, show: true, modal: false, fixed: true, closeText: 'x', unloadOnHide: false, clickToFront: false, behaviours: Boxy.EF, afterDrop: Boxy.EF, afterShow: Boxy.EF, afterHide: Boxy.EF, beforeUnload: Boxy.EF }, DEFAULT_X: 50, DEFAULT_Y: 50, zIndex: 13370, dragConfigured: false, resizeConfigured: false, dragging: null, load: function(url, options) { options = options || {}; var ajax = { url: url, type: 'GET', dataType: 'html', cache: false, success: function(html) { html = jQuery(html); if (options.filter) html = jQuery(options.filter, html); new Boxy(html, options); } }; jQuery.each(['type', 'cache'], function() { if (this in options) { ajax[this] = options[this]; delete options[this]; } }); jQuery.ajax(ajax); }, get: function(ele) { var p = jQuery(ele).parents('.boxy-wrapper'); return p.length ? jQuery.data(p[0], 'boxy') : null; }, linkedTo: function(ele) { return jQuery.data(ele, 'active.boxy'); }, alert: function(message, callback, options) { return Boxy.ask(message, ['OK'], callback, options); }, confirm: function(message, after, options) { return Boxy.ask(message, ['OK', 'Cancel'], function(response) { if (response == 'OK') after(); }, options); }, ask: function(question, answers, callback, options) {
    options = jQuery.extend({ modal: true, closeable: false }, options || {}, { show: true, unloadOnHide: true }); var body = jQuery('<div></div>').append(jQuery('<div class="question"></div>').html(question)); var map = {}, answerStrings = []; if (answers instanceof Array) { for (var i = 0; i < answers.length; i++) { map[answers[i]] = answers[i]; answerStrings.push(answers[i]); } } else { for (var k in answers) { map[answers[k]] = k; answerStrings.push(answers[k]); } }
    var buttons = jQuery('<form class="answers"></form>'); buttons.html(jQuery.map(answerStrings, function(v) { return "<input type='button' value='" + v + "' />"; }).join(' ')); jQuery('input[type=button]', buttons).click(function() { var clicked = this; Boxy.get(this).hide(function() { if (callback) callback(map[clicked.value]); }); }); body.append(buttons); new Boxy(body, options);
}, isModalVisible: function() { return jQuery('.boxy-modal-blackout').length > 0; }, _u: function() {
    for (var i = 0; i < arguments.length; i++)
        if (typeof arguments[i] != 'undefined') return false; return true;
}, _handleResize: function(evt) { var d = jQuery(document); jQuery('.boxy-modal-blackout').css('display', 'none').css({ width: d.width(), height: d.height() }).css('display', 'block'); }, _handleDrag: function(evt) { var d; if (d = Boxy.dragging) { d[0].boxy.css({ left: evt.pageX - d[1], top: evt.pageY - d[2] }); } }, _nextZ: function() { return Boxy.zIndex++; }, _viewport: function() { var d = document.documentElement, b = document.body, w = window; return jQuery.extend(jQuery.browser.msie ? { left: b.scrollLeft || d.scrollLeft, top: b.scrollTop || d.scrollTop} : { left: w.pageXOffset, top: w.pageYOffset }, !Boxy._u(w.innerWidth) ? { width: w.innerWidth, height: w.innerHeight} : (!Boxy._u(d) && !Boxy._u(d.clientWidth) && d.clientWidth != 0 ? { width: d.clientWidth, height: d.clientHeight} : { width: b.clientWidth, height: b.clientHeight })); } 
}); Boxy.prototype = { estimateSize: function() { this.boxy.css({ visibility: 'hidden', display: 'block' }); var dims = this.getSize(); this.boxy.css('display', 'none').css('visibility', 'visible'); return dims; }, getSize: function() { return [this.boxy.width(), this.boxy.height()]; }, getContentSize: function() { var c = this.getContent(); return [c.width(), c.height()]; }, getPosition: function() { var b = this.boxy[0]; return [b.offsetLeft, b.offsetTop]; }, getCenter: function() { var p = this.getPosition(); var s = this.getSize(); return [Math.floor(p[0] + s[0] / 2), Math.floor(p[1] + s[1] / 2)]; }, getInner: function() { return jQuery('.boxy-inner', this.boxy); }, getContent: function() { return jQuery('.boxy-content', this.boxy); }, setContent: function(newContent) { newContent = jQuery(newContent).css({ display: 'block' }).addClass('boxy-content'); if (this.options.clone) newContent = newContent.clone(true); this.getContent().remove(); this.getInner().append(newContent); this._setupDefaultBehaviours(newContent); this.options.behaviours.call(this, newContent); return this; }, moveTo: function(x, y) { this.moveToX(x).moveToY(y); return this; }, moveToX: function(x) { if (typeof x == 'number') this.boxy.css({ left: x }); else this.centerX(); return this; }, moveToY: function(y) { if (typeof y == 'number') this.boxy.css({ top: y }); else this.centerY(); return this; }, centerAt: function(x, y) { var s = this[this.visible ? 'getSize' : 'estimateSize'](); if (typeof x == 'number') this.moveToX(x - s[0] / 2); if (typeof y == 'number') this.moveToY(y - s[1] / 2); return this; }, centerAtX: function(x) { return this.centerAt(x, null); }, centerAtY: function(y) { return this.centerAt(null, y); }, center: function(axis) { var v = Boxy._viewport(); var o = this.options.fixed ? [0, 0] : [v.left, v.top]; if (!axis || axis == 'x') this.centerAt(o[0] + v.width / 2, null); if (!axis || axis == 'y') this.centerAt(null, o[1] + v.height / 2); return this; }, centerX: function() { return this.center('x'); }, centerY: function() { return this.center('y'); }, resize: function(width, height, after) { if (!this.visible) return; var bounds = this._getBoundsForResize(width, height); this.boxy.css({ left: bounds[0], top: bounds[1] }); this.getContent().css({ width: bounds[2], height: bounds[3] }); if (after) after(this); return this; }, tween: function(width, height, after) { if (!this.visible) return; var bounds = this._getBoundsForResize(width, height); var self = this; this.boxy.stop().animate({ left: bounds[0], top: bounds[1] }); this.getContent().stop().animate({ width: bounds[2], height: bounds[3] }, function() { if (after) after(self); }); return this; }, isVisible: function() { return this.visible; }, show: function() {
    if (this.visible) return; if (this.options.modal) {
        var self = this; if (!Boxy.resizeConfigured) { Boxy.resizeConfigured = true; jQuery(window).resize(function() { Boxy._handleResize(); }); }
        this.modalBlackout = jQuery('<div class="boxy-modal-blackout"></div>').css({ zIndex: Boxy._nextZ(), opacity: 0.7, width: jQuery(document).width(), height: jQuery(document).height() }).appendTo(document.body); this.toTop(); if (this.options.closeable) { jQuery(document.body).bind('keypress.boxy', function(evt) { var key = evt.which || evt.keyCode; if (key == 27) { self.hide(); jQuery(document.body).unbind('keypress.boxy'); } }); } 
    }
    this.boxy.stop().css({ opacity: 1 }).show(); this.visible = true; this._fire('afterShow'); return this;
}, hide: function(after) {
    if (!this.visible) return; var self = this; if (this.options.modal) { jQuery(document.body).unbind('keypress.boxy'); this.modalBlackout.animate({ opacity: 0 }, function() { jQuery(this).remove(); }); }
    this.boxy.stop().animate({ opacity: 0 }, 300, function() { self.boxy.css({ display: 'none' }); self.visible = false; self._fire('afterHide'); if (after) after(self); if (self.options.unloadOnHide) self.unload(); }); return this;
}, toggle: function() { this[this.visible ? 'hide' : 'show'](); return this; }, hideAndUnload: function(after) { this.options.unloadOnHide = true; this.hide(after); return this; }, unload: function() { this._fire('beforeUnload'); this.boxy.remove(); if (this.options.actuator) { jQuery.data(this.options.actuator, 'active.boxy', false); } }, toTop: function() { this.boxy.css({ zIndex: Boxy._nextZ() }); return this; }, getTitle: function() { return jQuery('> .title-bar h2', this.getInner()).html(); }, setTitle: function(t) { jQuery('> .title-bar h2', this.getInner()).html(t); return this; }, _getBoundsForResize: function(width, height) { var csize = this.getContentSize(); var delta = [width - csize[0], height - csize[1]]; var p = this.getPosition(); return [Math.max(p[0] - delta[0] / 2, 0), Math.max(p[1] - delta[1] / 2, 0), width, height]; }, _setupTitleBar: function() {
    if (this.options.title) {
        var self = this; var tb = jQuery("<div class='title-bar'></div>").html("<h2>" + this.options.title + "</h2>"); if (this.options.closeable) { tb.append(jQuery("<a href='#' class='close'></a>").html(this.options.closeText)); }
        if (this.options.draggable) {
            tb[0].onselectstart = function() { return false; }
            tb[0].unselectable = 'on'; tb[0].style.MozUserSelect = 'none'; if (!Boxy.dragConfigured) { jQuery(document).mousemove(Boxy._handleDrag); Boxy.dragConfigured = true; }
            tb.mousedown(function(evt) { self.toTop(); Boxy.dragging = [self, evt.pageX - self.boxy[0].offsetLeft, evt.pageY - self.boxy[0].offsetTop]; jQuery(this).addClass('dragging'); }).mouseup(function() { jQuery(this).removeClass('dragging'); Boxy.dragging = null; self._fire('afterDrop'); });
        }
        this.getInner().prepend(tb); this._setupDefaultBehaviours(tb);
    } 
}, _setupDefaultBehaviours: function(root) {
    var self = this; if (this.options.clickToFront) { root.click(function() { self.toTop(); }); }
    jQuery('.close', root).click(function() { self.hide(); return false; }).mousedown(function(evt) { evt.stopPropagation(); });
}, _fire: function(event) { this.options[event].call(this); } 
};