var jBox = {
    imgs: ['/images/jbox/min.gif', '/images/jbox/close.gif', '/images/jbox/restore.gif', '/images/jbox/resize.gif'],
    boxes: [], minimizeorder: 0,
    init: function(id) {
        var holder = $('#jBoxHolder');
        if (holder.length == 0) {
            holder = $('<div id="jBoxHolder"></div>');
            $(document.body).append(holder);
        }
        var box = $('<div class="jBox" id="jb' + id + '"></div>').appendTo(holder);
        box.append('<div class="jBoxHandler">jBox<div class="jBoxControls"><img src="' + this.imgs[0] + '" title="Minimize" /><img src="' + this.imgs[1] + '" title="Close"/></div></div>')
            .append('<div class="jBoxContent"></div>')
		    .append('<div class="jBoxStatus"><div class="jBoxResize" style="background: url(' + this.imgs[3] + ')  no-repeat;"></div></div>');
        box.css('zIndex', $('div.jBox').length + 99);
        box.handler = box.find('div.jBoxHandler');
        box.controls = box.find('div.jBoxControls');
        box.content = box.find('div.jBoxContent');
        box.status = box.find('div.jBoxStatus');
        box.Resize = box.find('div.jBoxResize');
        box.handler._parent = box;
        box.controls._parent = box;
        box.content._parent = box;
        box.onclose = function() { return true };
        box.isResize = function(bol) { jBox.isResize(this, bol); };
        box.isScrolling = function(bol) { jBox.isScrolling(this, bol); };
        box.setSize = function(w, h) { jBox.setSize(this, w, h); };
        box.moveTo = function(x, y) { jBox.moveTo(this, x, y); };
        box.show = function() { jBox.show(this); };
        box.hide = function() { jBox.close(this); };
        box.load = function(type, source, title, ajaxOpt) { jBox.load(this, type, source, title, ajaxOpt); };
        box.dispose = function() { jBox.dispose(this); }
        box.attr('jBoxID', this.boxes.length);
        box.jBoxID = this.boxes.length;
        this.boxes[this.boxes.length] = box;
        return box;
    },
    load: function(box, type, source, title, ajaxOpt) {
        var type = type.toLowerCase();
        if (typeof title != 'undefined') box.handler.get(0).firstChild.nodeValue = title;
        if (title == '') {
            box.handler.css('backgroundColor', '#fff');
            box.handler.css('padding', '0px');
            box.content.css('padding', '0px 10px');
        }
        if (type == "inline") {
            box.content.html(source);
        }
        else if (type == "div") {
            box.content.html($('#' + source).html());
        } else if (type == "iframe") {
            box.content.css('overflow', 'hidden');
            if (box.content.children().length < 1 || box.content.children().get(0).tagName != "IFRAME")
                box.content.html('<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" name="_iframe-' + box.jBoxID + '"></iframe>');
            window.frames["_iframe-" + box.jBoxID].location.replace(source);
        }
        box.content.datatype = type;
    },
    open: function(id, type, source, title, attr, ajaxOpt) {
        function getValue(Name) {
            var config = new RegExp(Name + "=([^,]+)", "i");
            return (config.test(attr)) ? eval('(' + RegExp.$1 + ')') : 0;
        }
        var box;
        //Find a jbox element has been created else create new element
        if ($('#jb' + id).length == 0)
            box = this.init(id);
        else {
            box = jBox.boxes[parseInt($('#jb' + id).get(0).getAttribute('jBoxID'))];
        }
        box.setSize(getValue(("width")), (getValue("height")));
        var xpos = getValue("center") ? "middle" : getValue("left");
        var ypos = getValue("center") ? "middle" : getValue("top");
        box.css("visibility", "visible");
        box.css("display", "block");
        box.content.css("display", "block");
        box.isResize(getValue("resize"));
        box.isScrolling(getValue("scrolling"));
        box.isModel = getValue("model");
        if (box.isModel) jBox.showModel();
        box.minimizable = getValue("minimizable");
        if (!box.minimizable) { if (box.controls.find('img[@title=Minimize]').length > 0) box.controls.find('img[@title=Minimize]').remove() };
        if (getValue("draggable")) { box.handler.mousedown(function() { jBox.moveDiv("jb" + id); }); }
        box.controls.click(function(e) { jBox.setupControls(e); });
        box.load(type, source, title, ajaxOpt);
        box.moveTo(xpos, ypos);
        return box;
    },
    isResize: function(box, bol) { box.status.css("display", (bol) ? "block" : "none"); box.resizeBool = (bol) ? 1 : 0 },
    isScrolling: function(box, bol) { box.content.css("overflow", (bol) ? "auto" : "hidden"); },
    setSize: function(box, w, h) { box.css("width", Math.max(parseInt(w), 150) + 'px'); box.content.css("height", Math.max(parseInt(h), 150) + 'px'); },
    reSize: function(box, e) {
        box.css('width', Math.max(jBox.width + jBox.distancex, 150) + "px");
        box.content.css('height', Math.max(jBox.contentheight + jBox.distancey, 100) + "px");
    },
    moveTo: function(box, x, y) {
        this.getViewPoint();
        box.css("left", (x == "middle") ? this.scrollPos[0] + (this.docSize[0] - box.get(0).offsetWidth) / 2 + "px" : this.scrollPos[0] + parseInt(x) + "px");
        box.css("top", (y == "middle") ? this.scrollPos[1] + (this.docSize[1] - box.get(0).offsetHeight) / 2 + "px" : this.scrollPos[1] + parseInt(y) + "px");
    },
    show: function(box) {
        box.css('display', 'block');
        box.state = 'restore';
        if (box.isModel) jBox.showModel();
    },
    close: function(box) {
        try { var closewinbol = box.onclose(); }
        catch (err) { var closewinbol = true; }
        finally {
            if (typeof closewinbol == "undefined") {
                alert("An error has occured somwhere inside your \"onclose\" event handler")
                var closewinbol = true
            }
        }
        if (closewinbol) {
            if (box.state != "minimized")
                jBox.saveViewState(box);
            box.css('display', 'none');
            if (box.isModel) jBox.hideModel();
        }
        return closewinbol;
    },
    dispose: function(box) {
        if (box.isModel) jBox.hideModel();
        for (var i = 0; i < jBox.boxes.length; i++) {
            if (jBox.boxes[i] == box) {
                box.handler._parent = null;
                box.controls._parent = null;
                box.content._parent = null;
                jBox.boxes[i] = null;
                break;
            }
        }
        box.remove();
    },
    minimize: function(btn, box) {
        jBox.saveViewState(box);
        btn.setAttribute('src', jBox.imgs[2]);
        btn.setAttribute('title', 'Restore');
        box.state = 'minimized';
        box.content.css('display', 'none');
        box.status.css('display', 'none');
        if (typeof box.minimizeorder == 'undefined') {
            jBox.minimizeorder++;
            box.minimizeorder = jBox.minimizeorder;
        }
        box.css('left', '10px');
        box.css('width', '200px');
        var margin = box.minimizeorder * 10;
        box.css('top', jBox.scrollPos[1] + jBox.docSize[1] - (box.handler.get(0).offsetHeight * box.minimizeorder) - margin + 'px');
    },
    restore: function(btn, box) {
        jBox.getViewPoint();
        btn.setAttribute('src', jBox.imgs[0]);
        btn.setAttribute('title', 'Minimize');

        box.state = 'restore';
        box.css('display', 'block');
        box.content.css('display', 'block');
        if (box.resizeBool)
            box.status.css('display', 'block');
        box.css('left', parseInt(box.lastPos[0]) + jBox.scrollPos[0] + 'px');
        box.css('top', parseInt(box.lastPos[1]) + jBox.scrollPos[1] + 'px');
        box.css('width', parseInt(box.lastSize[0]) + 'px');
    },
    setupControls: function(e) {
        var j = jBox;
        var sourceobj = window.event ? window.event.srcElement : e.target;
        var box = j._retBox(sourceobj);

        if (/Minimize/i.test(sourceobj.getAttribute("title")))
            j.minimize(sourceobj, box);
        else if (/Restore/i.test(sourceobj.getAttribute("title")))
            j.restore(sourceobj, box);
        else if (/Close/i.test(sourceobj.getAttribute("title")))
            j.close(box);
        return false;
    },
    showModel: function() {
        var model = $('#jBox_hideIframe');

        if (model.length == 0) {
            model = $('<iframe id="jBox_hideIframe" scrolling="no" frameborder="0" style="width:100%; height:100%; position:absolute; top:0px; left:0px;-moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);background:#fff;"></iframe>');
            model.appendTo(document.body);
            $(window).bind('resize', function() { jBox.showModel(); })
        }
        jBox.getViewPoint();

        var jBox_bg_de = document.body;
        var jBox_bg_w = jBox_bg_de.offsetWidth == 0 ? $(document).width() : jBox_bg_de.offsetWidth;
        var jBox_bg_h = jBox_bg_de.offsetHeight == 0 ? $(document).height() : jBox_bg_de.offsetHeight;

        if (jBox_bg_w > jBox_bg_de.offsetWidth) jBox_bg_w = jBox_bg_de.offsetWidth;
        if (jBox_bg_h > jBox_bg_de.offsetHeight) jBox_bg_h = jBox_bg_de.offsetHeight;
        if (jBox_bg_h > jBox_bg_de.offsetHeight) jBox_bg_h = jBox_bg_de.offsetHeight;

        model.css('width', jBox_bg_w + 'px');
        model.css('height', jBox_bg_h + 'px');
    },
    hideModel: function() {
        $(window).unbind('resize')
        var model = $('#jBox_hideIframe');
        if (model.length > 0)
            model.remove();
    },
    moveDiv: function(objid) {
        if ($('#' + objid).Drags) $('#' + objid).Drags();
    },
    getViewPoint: function() {
        var ie = document.all && !window.opera
        var domclientWidth = document.documentElement && parseInt(document.documentElement.clientWidth) || 100000;
        this.standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body;
        this.scrollPos = [(ie) ? this.standardbody.scrollLeft : window.pageXOffset,
			(ie) ? this.standardbody.scrollTop : window.pageYOffset];
        this.docSize = [(ie) ? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent)) ? window.innerWidth : Math.min(domclientWidth, window.innerWidth - 16),
			(ie) ? this.standardbody.clientHeight : window.innerHeight];
        if (ie) {
            this.scrollSize = [(document.body.scrollWidth > document.body.offsetWidth) ? document.body.scrollWidth : document.body.offsetWidth,
			   (document.body.scrollHeight > document.body.offsetHeight) ? document.body.scrollHeight : document.body.offsetHeight];
        }
        else {
            this.scrollSize = [document.body.scrollWidth, window.innerHeight + window.scrollMaxY];
        }
        this.pageSize = [(this.scrollSize[0] < this.docSize[0]) ? this.docSize[0] : this.scrollSize[0],
			(this.scrollSize[1] < this.docSize[1]) ? this.docSize[1] : this.scrollSize[1]];
    },
    saveViewState: function(box) {
        this.getViewPoint();
        box.lastPos = [parseInt((box.css('left') || box.get(0).offsetLeft)) - jBox.scrollPos[0],
			parseInt((box.css('top') || box.get(0).offsetTop)) - jBox.scrollPos[1]];
        box.lastSize = [parseInt(box.css('width')),
			parseInt(box.css('height'))];
    },
    _retBox: function(dom) {
        return jBox.boxes[parseInt($(dom).parents('div.jBox').get(0).getAttribute('jBoxID'))];
    }
}

jQuery.fn.openjBox = function(boxAttr, title) {
    var $this = jQuery(this);
    $this.attr('jBoxID', jBox.open('jBox' + $this.attr('id'), 'div', $this.attr('id'), title, boxAttr).jBoxID);
}
jQuery.fn.disposejBox = function(boxAttr, title) {
    var $this = jQuery(this);
    if ($this.get(0).getAttribute('jBoxID') != null) {
        jBox.boxes[parseInt($this.get(0).getAttribute('jBoxID'))].dispose();
        $this.removeAttr('jBoxID');
    }
    else {
        alert('pls use openjBox first to Instance a jBox instance!');
    }
}
jQuery.fn.showjBox = function(boxAttr, title) {
    var $this = jQuery(this);
    if ($this.get(0).getAttribute('jBoxID') != null) {
        jBox.boxes[parseInt($this.get(0).getAttribute('jBoxID'))].show();
    }
    else {
        alert('pls use openjBox first to Instance a jBox instance!');
    }
}
jQuery.fn.hidejBox = function(boxAttr, title) {
    var $this = jQuery(this);
    if ($this.get(0).getAttribute('jBoxID') != null) {
        jBox.boxes[parseInt($this.get(0).getAttribute('jBoxID'))].hide();
    }
    else {
        alert('pls use openjBox first to Instance a jBox instance!');
    }
}
jBox.alert = function(msg, w, h) {
    if (undefined == w) w = 0; if (undefined == h) h = 0;
    return jBox.open('jBoxAlert', 'inline', msg, 'Information', 'center=1,buttons=1,draggable=1,model=1,minimizable=0,width=' + w + ',height=' + h, null);
}
jBox._tipTimeout = function() {
    var box = jBox.findBox('jBoxTip');
    if (null != box) {
        if (undefined == box.isMouseOver || null == box.isMouseOver || !box.isMouseOver) jBox.close(box);
        else setTimeout(jBox._tipTimeout, 3000);
    }
}
jBox.tip = function(e, msg, w, h) {
    var box = jBox.findBox('jBoxTip');
    if (null == box) {
        var e = e || window.event;
        if (undefined == w) w = 150; if (undefined == h) h = 20;
        var pageInner = jBox.pageInnerSize();
        var pageOffset = jBox.pageXYOffset();
        var mousePos = [e.clientX, e.clientY];
        box = jBox.open('jBoxTip', 'inline', msg, '', 'top=' + mousePos[1] + ',left=' + mousePos[0] + ',minimizable=0,width=' + w + ',height=' + h, null);
        box.content.mouseover(function() {
            var box = jBox.findBox('jBoxTip');
            box.isMouseOver = true;
        });
        box.content.mouseout(function() {
            var box = jBox.findBox('jBoxTip');
            box.isMouseOver = false;
        });
        setTimeout(jBox._tipTimeout, 2000);
    }
    return box;
}