/*
* jBox 1.1 - a webpage UI dialog widget written in javascript on top of the jQuery library
* By Daniel Lin(http://www.aspstat.com)
* Copyright (c) 2007 Daniel Lin Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
* Last modify:2007-11-20
*/
//Usage:jBox.open( boxID , contentType , content , title , windowStyles , ajaxOptions)
var jBox = {
    imgs: ['Content/jBox/min.gif', 'Content/jBox/close.gif', 'Content/jBox/restore.gif', 'Content/jBox/resize.gif'],
    boxes: [], minimizeorder: 0,
    _getImages: function(i)
    {
        var virdir = $('#virdir').val() || '';
        return virdir + this.imgs[i];
    },
    findBoxIndex: function(id)
    {
        for (var i = 0; i < jBox.boxes.length; i++)
        {
            if (jBox.boxes[i].jBoxID == id)
            {
                return i;
            }
        }
        return null;
    },
    findBox: function(id)
    {
        for (var i = 0; i < jBox.boxes.length; i++)
        {
            if (jBox.boxes[i].jBoxID == id)
            {
                return jBox.boxes[i];
            }
        }
        return null;
    },
    _maxZIndex: 999,
    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="' + id + '"></div').appendTo(holder);
        var virdir = $('#virdir').val() || '';
        box.append('<div class="jBoxHandler">jBox<div class="jBoxControls"><img src="' + this._getImages(0) + '" title="Minimize" /><img src="' + this._getImages(1) + '" title="Close"/></div></div>')
           .append('<div class="jBoxContent"></div>')
		   .append('<div class="jBoxButtons"></div>')
		   .append('<div class="jBoxStatus"><div class="jBoxResize" style="background: url(' + this._getImages(3) + ')  no-repeat;">&nbsp;</div></div');
        box.css('zIndex', $('div.jBox').length + 99);
        //bind custom property with DOM
        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.buttons = box.find('div.jBoxButtons'); box.resize = box.find('div.jBoxResize');
        //bind custom method & event with DOM			
        box.open = function(type, source, title, ajaxOpt) { jBox.open(this, type, source, title, ajaxOpt); };
        box.load = function(type, source, title, ajaxOpt) { jBox.load(this, type, source, title, ajaxOpt); };
        box.close = function() { if (undefined != this.onClosed) { return this.onClosed(); } return true; };
        box.show = function() { jBox.show(this); };
        box.hide = function() { jBox.hide(this); };
        box.isResize = function(bol) { jBox._isResize(this, bol); };
        box.hasScroll = function(bol) { jBox._hasScroll(this, bol); };
        box.hasButtons = function(n) { jBox._hasButtons(this, n); }
        box.setSize = function(w, h) { jBox.setSize(this, w, h); };
        box.moveTo = function(x, y) { jBox.moveTo(this, x, y); };
        box.jBoxID = id;
        jBox._maxZIndex++;
        box.css('z-index', jBox._maxZIndex);
        box.bringUp = function()
        {
            if (box.css('z-index') < jBox._maxZIndex)
            {
                jBox._maxZIndex++;
                box.css('z-index', jBox._maxZIndex);
            }
        };
        box.click(function() { jBox.findBox(this.id).bringUp(); });
        this.boxes[this.boxes.length] = box;
        return box;
    },
    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 = jBox.findBox(id);
        //Find a jbox element has been created else create new element		
        if (null == box)
        {
            box = this.init(id);
            box.css("visibility", "visible"); box.css("display", "block"); box.content.css("display", "block");

            box.hasScroll(getValue("scrolling"));
            box.hasButtons(getValue("buttons"));
            box.isModel = getValue("model");
            if (box.isModel) jBox.showModel();
            else
            {
                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(e) { jBox.etarget = this; jBox.setupDrag(e); }); }
            box.isResize(getValue("resize"));
            if (box.resizeBool) { box.resize.mousedown(function(e) { jBox.etarget = this; jBox.setupDrag(e); }); }
            box.controls.click(function(e) { jBox.setupControls(e); });
            box.load(type, source, title, ajaxOpt);
            box.setSize(getValue(("width")), (getValue("height")));
            var xpos = getValue("center") ? "middle" : getValue("left");
            var ypos = getValue("center") ? "middle" : getValue("top");
            box.moveTo(xpos, ypos);
        } else
        {
            if (box.state == 'minimized') jBox.restore(box.controls.find('img[@title=Restore]').get(0), box);
            box.bringUp();
        }
        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")
        {
            $('#' + source).appendTo(box.content);
        } 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 src="" frameborder="0" style="margin:0; padding:0; width:100%; height: 100%" name="jb_iframe-' + box.jBoxID + '"></iframe>');
            window.frames["jb_iframe-" + box.jBoxID].location.replace(source);
        }
        box.content.datatype = type;
    },
    close: function(box)
    {
        try { var closewinbol = box.close(); }
        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)
        {

            var index = jBox.findBoxIndex(box.jBoxID);
            delete jBox.boxes[index];
            for (var i = index; i < jBox.boxes.length; i++)
            {
                if ((i + 1) < jBox.boxes.length)
                {
                    jBox.boxes[i] = jBox.boxes[i + 1];
                }
            }
            jBox.boxes.length--;

            box.remove();
            if (box.isModel) jBox.hideModel();
            delete box.handler; delete box.content; delete box.buttons;
            delete box.resize; delete box.controls; delete box.status;

            if (box.state == 'minimized')
            {
                jBox.minimizeorder--;
                for (var i = 0; i < jBox.boxes.length; i++)
                {
                    if (jBox.boxes[i].state == 'minimized')
                    {
                        if (jBox.boxes[i].minimizeorder > box.minimizeorder)
                        {
                            jBox.boxes[i].minimizeorder--;
                            jBox._minimizeRedraw(jBox.boxes[i]);
                        }
                    }
                }
            }
        }

        var check = false;
        var pos;
        var oldTop = 0;

        $("textarea:visible, input:visible").each(function()
        {
            if (!$(this).attr("readonly") && ((this.tagName.toLowerCase() == "input" && $(this).attr("type") == 'text')
            || (this.tagName.toLowerCase() == "textarea")))
            {
                pos = $(this).position();
                if (oldTop == 0)
                {
                    $(this).focus();
                    oldTop = pos.top;
                }
                else
                {
                    if (pos.top < oldTop)
                    {
                        $(this).focus();
                        oldTop = pos.top;
                    }
                }
            }
        });

        return closewinbol;
    },
    show: function(box)
    {
        box.css('display', 'block');
        if (box.isModel) jBox.showModel();
    },
    hide: function(box)
    {
        box.css('display', 'none');
        if (box.isModel) jBox.hideModel();
    },
    _hasScroll: function(box, bol) { box.content.css("overflow", (bol) ? "auto" : "hidden"); },
    _isResize: function(box, bol) { box.status.css("display", (bol) ? "block" : "none"); box.resizeBool = (bol) ? 1 : 0 },
    _hasButtons: function(box, n)
    {
        box.buttons.css("display", (n > 0) ? "block" : "none");
        if (n > 0)
        {
            if ((n & 1) > 0)
            {
                var btnOK = $('<input value=" 确认 " type="button"/>');
                btnOK.appendTo(box.buttons);
                btnOK.click(function()
                {
                    if (undefined != box.onOkClick)
                        box.onOkClick();
                    else
                        jBox.close(box);

                });
            }

            if ((n & 2) > 0)
            {
                var btnCancel = $('<input value=" 取消 " type="button"/>');
                btnCancel.appendTo(box.buttons);
                btnCancel.click(function()
                {
                    if (undefined != box.onCancelClick)
                        box.onCancelClick();
                    else
                        jBox.close(box);
                });
            }
        }
        box.buttonsBool = n > 0 ? 1 : 0;
    },
    setSize: function(box, w, h)
    {
        w = parseInt(w); h = parseInt(h);
        if (w <= 0) w = 320;
        if (h <= 0) h = 100;
        box.css("width", w + 'px');
        box.content.css("height", h + '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");
    },
    minimize: function(btn, box)
    {
        jBox.saveViewState(box); box.state = 'minimized';
        btn.setAttribute('src', this._getImages(2)); btn.setAttribute('title', 'Restore');
        box.content.css('display', 'none'); box.buttons.css('display', 'none'); box.status.css('display', 'none');
        if (typeof box.minimizeorder == 'undefined')
        {
            jBox.minimizeorder++; box.minimizeorder = jBox.minimizeorder;
        }
        jBox._minimizeRedraw(box);
    },
    _minimizeRedraw: function(box)
    {
        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)
    {
        if (box.state == 'minimized')
        {
            jBox.minimizeorder--;
            for (var i = 0; i < jBox.boxes.length; i++)
            {
                if (jBox.boxes[i].state == 'minimized')
                {
                    if (jBox.boxes[i].minimizeorder > box.minimizeorder)
                    {
                        jBox.boxes[i].minimizeorder--;
                        jBox._minimizeRedraw(jBox.boxes[i]);
                    }
                }
            }
            box.minimizeorder = undefined;
        };
        jBox.getViewPoint(); box.state = 'restore';
        btn.setAttribute('src', this._getImages(0));
        btn.setAttribute('title', 'Minimize');
        box.content.css('display', 'block');
        if (box.buttonsBool) box.buttons.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');
    },
    showModel: function()
    {
        var model = $('#jBox_hideIframe');
        if (model.length == 0)
        {
            model = $('<iframe id="jBox_hideIframe" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px;-moz-opacity:0.7; opacity:0.7;filter:alpha(opacity=70);" ></iframe>');
            model.css("background", "#000");
            model.appendTo(document.body);
            $(window).bind('resize', function() { jBox.showModel(); })
        }
        jBox.getViewPoint();
        model.css('width', jBox.pageSize[0] + 'px');
        model.css('height', jBox.pageSize[1] + 'px');
    },
    hideModel: function()
    {
        $(window).unbind('resize')
        var model = $('#jBox_hideIframe');
        if (model.length > 0)
            model.remove();
    },
    setupControls: function(e)
    {
        var sourceobj = window.event ? window.event.srcElement : e.target;
        var box = jBox._retBox(sourceobj);
        if (/Minimize/i.test(sourceobj.getAttribute("title")))
            jBox.minimize(sourceobj, box);
        else if (/Restore/i.test(sourceobj.getAttribute("title")))
            jBox.restore(sourceobj, box);
        else if (/Close/i.test(sourceobj.getAttribute("title")))
            jBox.close(box);

        return false;
    },
    reDraw: 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");
    },
    setupDrag: function(e)
    {
        var boxE = jBox.etarget;
        var box = jBox._retBox(boxE);
        var e = window.event || e;
        jBox.initmousex = e.clientX;
        jBox.initmousey = e.clientY;
        jBox.initx = parseInt(box.get(0).offsetLeft);
        jBox.inity = parseInt(box.get(0).offsetTop);
        jBox.width = parseInt(box.get(0).offsetWidth);
        jBox.contentheight = parseInt(box.content.get(0).offsetHeight);
        if (box.content.datatype == "iframe")
        {
            box.css('backgroundColor', '#F8F8F8');
            box.content.css('visibility', 'hidden');
        }
        document.onmousemove = jBox.getDistance;
        document.onmouseup = function()
        {
            if (box.content.datatype == "iframe")
            {
                box.content.css('visibility', 'visible');
            }
            jBox.stopDrag();
        }
        return false;
    },
    getDistance: function(e)
    {
        var etarget = jBox.etarget;
        var e = window.event || e;
        jBox.distancex = e.clientX - jBox.initmousex;
        jBox.distancey = e.clientY - jBox.initmousey;
        var box = jBox._retBox(etarget);
        if (etarget.className == 'jBoxHandler')
        {
            box.css('left', jBox.distancex + jBox.initx + 'px')
            box.css('top', jBox.distancey + jBox.inity + 'px')
        }
        else if (etarget.className == 'jBoxResize')
            jBox.reDraw(box, e);
        return false;
    },
    stopDrag: function()
    {
        jBox.etarget = null;
        document.onmousemove = null;
        document.onmouseup = null;
    },
    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.findBox($(dom).parents('div.jBox').get(0).id);
    }
}
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);
}