// Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
// VERSION 0.96.2

var USE_DOC_HEIGHT = -1;
var WINDOW_ACTIVITY = '<div style="width: 100%; text-align: center; padding-top: 10px;"><img src="images/activity.gif"></div>';

var windows = new Array();
windows['general_settings'] = {width: 720, height: USE_DOC_HEIGHT, title: 'General Settings', url: 'index.php?r=lxShGeneralSettings', modal: true};
windows['add_link'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add a Link', url: 'index.php?r=lxShAddLink', modal: true};
windows['edit_link'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit a Link', url: 'index.php?r=lxShEditLink', modal: true};
windows['mail_link'] = {width: 700, height: 500, title: 'E-mail Link Submitter', url: 'index.php?r=lxShMailLink', modal: true};
windows['scan_link'] = {width: 700, height: 450, title: 'Link Scan', url: 'index.php?r=lxShScanLink', modal: true};
windows['blacklist_link'] = {width: 700, height: 350, title: 'Blacklist Link', url: 'index.php?r=lxShBlacklistLink', modal: true};
windows['tasks_link'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Quick Tasks', url: 'index.php?r=lxShTasksLink', modal: true};
windows['move_link'] = {width: 700, height: 450, title: 'Move Links', url: 'index.php?r=lxShMoveLink', modal: true};
windows['add_category'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add a Category', url: 'index.php?r=lxShAddCategory', modal: true};
windows['edit_category'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit a Category', url: 'index.php?r=lxShEditCategory', modal: true};
windows['add_administrator'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add Administrator Account', url: 'index.php?r=lxShAddAdministrator', modal: true};
windows['edit_administrator'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit Administrator Account', url: 'index.php?r=lxShEditAdministrator', modal: true};
windows['mail_administrator'] = {width: 700, height: 500, title: 'E-mail Administrators', url: 'index.php?r=lxShMailAdministrator', modal: true};
windows['add_user'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add User Account', url: 'index.php?r=lxShAddUser', modal: true};
windows['edit_user'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit User Account', url: 'index.php?r=lxShEditUser', modal: true};
windows['mail_user'] = {width: 700, height: 500, title: 'E-mail Users', url: 'index.php?r=lxShMailUser', modal: true};
windows['add_link_field'] = {width: 700, height: 450, title: 'Add User Defined Link Field', url: 'index.php?r=lxShAddLinkField', modal: true};
windows['edit_link_field'] = {width: 700, height: 450, title: 'Edit User Defined Link Field', url: 'index.php?r=lxShEditLinkField', modal: true};
windows['add_user_field'] = {width: 700, height: 450, title: 'Add User Defined Account Field', url: 'index.php?r=lxShAddUserField', modal: true};
windows['edit_user_field'] = {width: 700, height: 450, title: 'Edit User Defined Account Field', url: 'index.php?r=lxShEditUserField', modal: true};
windows['add_rejection'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add Rejection E-mail', url: 'index.php?r=lxShAddRejection', modal: true};
windows['edit_rejection'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit Rejection E-mail', url: 'index.php?r=lxShEditRejection', modal: true};
windows['add_blacklist'] = {width: 700, height: 350, title: 'Add Blacklist Item', url: 'index.php?r=lxShAddBlacklist', modal: true};
windows['edit_blacklist'] = {width: 700, height: 350, title: 'Edit Blacklist Item', url: 'index.php?r=lxShEditBlacklist', modal: true};
windows['test_regex'] = {width: 600, height: 300, title: 'Test A Regular Expression', url: 'index.php?r=lxShRegexTest', modal: true};
windows['add_reciprocal'] = {width: 700, height: 350, title: 'Add Reciprocal Link', url: 'index.php?r=lxShAddReciprocal', modal: true};
windows['edit_reciprocal'] = {width: 700, height: 350, title: 'Edit Reciprocal Link', url: 'index.php?r=lxShEditReciprocal', modal: true};
windows['add_news'] = {width: 700, height: 450, title: 'Add News Item', url: 'index.php?r=lxShAddNews', modal: true};
windows['edit_news'] = {width: 700, height: 450, title: 'Edit News Item', url: 'index.php?r=lxShEditNews', modal: true};
windows['edit_comment'] = {width: 700, height: 450, title: 'Edit Comment', url: 'index.php?r=lxShEditComment', modal: true};
windows['rewrite_file'] = {width: 700, height: 450, title: 'mod_rewrite File', url: 'index.php?r=lxShRewriteFile', modal: true};
windows['add_scanner_config'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Add a Scanner Configuration', url: 'index.php?r=lxShAddScannerConfig', modal: true};
windows['edit_scanner_config'] = {width: 700, height: USE_DOC_HEIGHT, title: 'Edit a Scanner Configuration', url: 'index.php?r=lxShEditScannerConfig', modal: true};



// Display a window
function lxWindow(type, extras)
{
    if( windows[type] )
    {
        var original_url = null;
        
        if( windows[type].url && extras )
        {
            original_url = windows[type].url;
            windows[type].url = windows[type].url + '&' + extras;
        }
                
        showWindow(windows[type]);
        
        if( original_url != null )
           windows[type].url = original_url;
    }
    else
        alert('Cannot open window ' + type);
        
    return false;
}

function showWindow(params)
{
    params = params || {};
    var win = new Window((params.id ? params.id : randomID(10)), {className: "dialog",
                                     width: params.width, 
                                     height: params.height, 
                                     zIndex: 100, 
                                     resizable: true, 
                                     title: params.title, 
                                     draggable: true,
                                     url: params.url});

    if( params.content )
    {        
        win.setContent(params.content);
    }

    win.setDestroyOnClose();
    win.showCenter(params.modal);

    return win;
}


function showAjaxAlert()
{
    var win = new Window('ajax_alert', {className: "dialog",
                                        width: 400, 
                                        height: 100, 
                                        zIndex: 100, 
                                        resizable: false, 
                                        title: 'Processing...', 
                                        draggable: false,
                                        closable: false});
    
    win.setContent(WINDOW_ACTIVITY);
    win.setDestroyOnClose();
    win.showCenter(true);

    return win;
}


function updateAjaxAlert(params)
{
    params = params || {};
    var win = Windows.getWindow('ajax_alert');

    if( win )
    {
        win.setTitle(params.title);
        win.setContent('<div class="dialog_message">' +
                       '<img src="images/' + params.type + '.gif" style="padding-right: 10px; float: left;">' +
                       '<div class="dialog_' + params.type + '">' + params.message + '</div>' +
                       '</div><div class="dialog_buttons">' +
                       '<button type="button" onclick="Windows.close(\'ajax_alert\')" id="okbutton">OK</button></div>');
        $('okbutton').focus();        
    }
}

function showAlert(message, type)
{
    if( !type ) type = 'warning';
    
    var win = new Window('ajax_alert', {className: "dialog",
                                        width: 400, 
                                        height: 100, 
                                        zIndex: 100, 
                                        resizable: false, 
                                        title: 'Alert', 
                                        draggable: false,
                                        closable: false});
    
    win.setContent('<div class="dialog_message">' +
                   '<img src="images/' + type + '.gif" style="padding-right: 10px; float: left;">' +
                   '<div class="dialog_' + type + '">' + message + '</div>' +
                   '</div><div class="dialog_buttons">' +
                   '<button type="button" onclick="Windows.close(\'ajax_alert\')" id="okbutton">OK</button></div>');
        
    win.setDestroyOnClose();
    win.showCenter(true);
    
    $('okbutton').focus();

    return win;
}


function getRandomNumber(range)
{
	return Math.floor(Math.random() * range);
}


function getRandomChar()
{
	var chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ";
	return chars.substr(getRandomNumber(62), 1);
}


function randomID(size)
{
	var str = "";
	for(var i = 0; i < size; i++)
	{
		str += getRandomChar();
	}
	return str;
}


var Window = Class.create();
Window.prototype = {
    initialize: function(id)
    {
        if ($(id))
            alert("Window " + id + " is already register is the DOM!!, be sure to use setDestroyOnClose()")

        this.hasEffectLib = String.prototype.parseColor != null;
        this.options = Object.extend({className: "dialog",
                                      minWidth: 100,
                                      minHeight: 20,
                                      resizable: true,
                                      closable: true,
                                      draggable: true,
                                      userData: null,
                                      showEffect: Element.show, //(this.hasEffectLib ? Effect.Appear : Element.show),
                                      hideEffect: Element.hide, //(this.hasEffectLib ? Effect.Fade : Element.hide),
                                      showEffectOptions: {},
                                      hideEffectOptions: {},
                                      effectOptions: null,
                                      parent: document.getElementsByTagName("body").item(0),
                                      title: "&nbsp;",
                                      url: null,
                                      onload: Prototype.emptyFunction,
                                      width: 200,
                                      height: 300,
                                      opacity: 1}, arguments[1] || {});

        if( this.options.height == USE_DOC_HEIGHT )
        {
            var pageSize = WindowUtilities.getPageSize();
            this.options.height = pageSize.windowHeight - 85;
        }
        
        if (this.options.effectOptions)
        {
            Object.extend(this.options.hideEffectOptions, this.options.effectOptions);
            Object.extend(this.options.showEffectOptions, this.options.effectOptions);
        }

        if (this.options.hideEffect == Element.hide)
            this.options.hideEffect = function(){ Element.hide(this.element); if (this.destroyOnClose) this.destroy(); }.bind(this)

        this.element = this._createWindow(id);

        // Bind event listener
        this.eventMouseDown = this._initDrag.bindAsEventListener(this);
        this.eventMouseUp   = this._endDrag.bindAsEventListener(this);
        this.eventMouseMove = this._updateDrag.bindAsEventListener(this);
        this.eventKeyPress  = this._keyPress.bindAsEventListener(this);
        this.eventOnLoad    = this._getWindowBorderSize.bindAsEventListener(this);
        this.eventMouseDownContent = this.toFront.bindAsEventListener(this);
        this.eventResize = this._recenter.bindAsEventListener(this);

        this.topbar = $(this.element.id + "_top");
        this.content = $(this.element.id + "_content");

        Event.observe(this.topbar, "mousedown", this.eventMouseDown);
        Event.observe(this.content, "mousedown", this.eventMouseDownContent);
        Event.observe(window, "load", this.eventOnLoad);
        Event.observe(window, "resize", this.eventResize);
        Event.observe(window, "scroll", this.eventResize);

        if (this.options.draggable)
        {
            this.topbar.addClassName("top_draggable");
        }

        if (this.options.resizable)
        {
            this.sizer = $(this.element.id + "_sizer");
            Event.observe(this.sizer, "mousedown", this.eventMouseDown);
        }

        this.useLeft = null;
        this.useTop = null;

        if (arguments[1].left != null)
        {
            this.element.setStyle({left: parseFloat(arguments[1].left) + 'px'});
            this.useLeft = true;
        }

        if (arguments[1].right != null)
        {
            this.element.setStyle({right: parseFloat(arguments[1].right) + 'px'});
            this.useLeft = false;
        }

        if (this.useLeft == null)
        {
            this.element.setStyle({left: "0px"});
            this.useLeft = true;
        }

        if (arguments[1].top != null)
        {
            this.element.setStyle({top: parseFloat(arguments[1].top) + 'px'});
            this.useTop = true;
        }

        if (arguments[1].bottom != null)
        {
            this.element.setStyle({bottom: parseFloat(arguments[1].bottom) + 'px'});
            this.useTop = false;
        }

        if (this.useTop == null)
        {
            this.element.setStyle({top: "0px"});
            this.useTop = true;
        }

        if (this.options.zIndex)
            this.setZIndex(this.options.zIndex)

        this.destroyOnClose = false;

        this._getWindowBorderSize();
        this.width = this.options.width;
        this.height = this.options.height;

        if (this.width && this.height)
            this.setSize(this.options.width, this.options.height);

        this.setTitle(this.options.title)
        Windows.register(this);
    },



    // Destructor
    destroy: function()
    {
        Windows.notify("onDestroy", this);

        Event.stopObserving(this.topbar, "mousedown", this.eventMouseDown);
        Event.stopObserving(this.content, "mousedown", this.eventMouseDownContent);

        Event.stopObserving(window, "load", this.eventOnLoad);
        Event.stopObserving(window, "resize", this.eventResize);
        Event.stopObserving(window, "scroll", this.eventResize);

        Event.stopObserving(this.content, "load", this.options.onload);

        if (this.sizer)
            Event.stopObserving(this.sizer, "mousedown", this.eventMouseDown);

        /*if (this.options.url)
          this.content.src = null*/

        if(this.iefix)
            Element.remove(this.iefix);

        
        Element.remove(this.element);
        Windows.unregister(this);
    },



    // Sets window deleagte, should have functions: "canClose(window)"
    setDelegate: function(delegate)
    {
        this.delegate = delegate
    },



    // Gets current window delegate
    getDelegate: function()
    {
        return this.delegate;
    },



    // Gets window content
    getContent: function ()
    {
        return this.content;
    },


    // Set the content of the window
    setContent: function(content)
    {
        this.getContent().innerHTML = '<div style="padding: 7px;">' + content + '</div>';
    },


    setAjaxContent: function(url, options, showCentered, showModal)
    {
        this.showFunction = showCentered ? "showCenter" : "show";
        this.showModal = showModal || false;

        if (options == null)
            options = {};

        this.onComplete = options.onComplete;
        options.onComplete = this._setAjaxContent.bind(this);

        new Ajax.Request(url, options);
    },


    _setAjaxContent: function(originalRequest)
    {
        this.getContent().innerHTML = originalRequest.responseText;
        if (this.onComplete)
            this.onComplete(originalRequest);
        //this[this.showFunction](this.showModal);
    },


    // Gets window ID
    getId: function()
    {
        return this.element.id;
    },



    // Detroys itself when closing
    setDestroyOnClose: function()
    {
        Object.extend(this.options.hideEffectOptions, {afterFinish:  this.destroy.bind(this)});
        this.destroyOnClose = true;
    },



    // initDrag event
    _initDrag: function(event)
    {
        // Get pointer X,Y
        this.pointer = [Event.pointerX(event), Event.pointerY(event)];

        // Resize
        if (Event.element(event) == this.sizer)
        {
            this.doResize = true;
            this.widthOrg = this.width;
            this.heightOrg = this.height;
            this.bottomOrg = parseFloat(this.element.getStyle('bottom'));
            this.rightOrg = parseFloat(this.element.getStyle('right'));
            Windows.notify("onStartResize", this);
        }
        else
        {
            this.doResize = false;

            // Check if click on close button,
            var closeButton = $(this.getId() + '_close');
            if (closeButton && Position.within(closeButton, this.pointer[0], this.pointer[1]))
                return;

            this.toFront();

            if (! this.options.draggable)
                return;

            Windows.notify("onStartMove", this);
        }

        // Register global event to capture mouseUp and mouseMove
        Event.observe(document, "mouseup", this.eventMouseUp, false);
        Event.observe(document, "mousemove", this.eventMouseMove, false);

        // Add an invisible div to keep catching mouse event over iframes
        WindowUtilities.disableScreen('__invisible__', '__invisible__');

        // Stop selection while dragging
        document.body.ondrag = function () { return false; };
        document.body.onselectstart = function () { return false; };

        Event.stop(event);
    },


    // updateDrag event
    _updateDrag: function(event)
    {
        var pointer = [Event.pointerX(event), Event.pointerY(event)];
        var dx = pointer[0] - this.pointer[0];
        var dy = pointer[1] - this.pointer[1];

        // Resize case, update width/height
        if (this.doResize)
        {
            this.setSize(this.widthOrg + dx , this.heightOrg + dy);

            dx = this.width - this.widthOrg
            dy = this.height - this.heightOrg

            // Check if it's a right position, update it to keep upper-left corner at the same position
            if (! this.useLeft)
                this.element.setStyle({right: (this.rightOrg -dx) + 'px'});

            // Check if it's a bottom position, update it to keep upper-left corner at the same position
            if (! this.useTop)
                this.element.setStyle({bottom: (this.bottomOrg -dy) + 'px'});
        }
        // Move case, update top/left
        else
        {
            this.pointer = pointer;

            if (this.useLeft)
                this.element.setStyle({left: parseFloat(this.element.getStyle('left')) + dx + 'px'});
            else
                this.element.setStyle({right: parseFloat(this.element.getStyle('right')) - dx + 'px'});

            if (this.useTop)
                this.element.setStyle({top: parseFloat(this.element.getStyle('top')) + dy + 'px'});
            else
                this.element.setStyle({bottom: parseFloat(this.element.getStyle('bottom')) - dy + 'px'});
        }

        if (this.iefix)
            this._fixIEOverlapping();

        //this._removeStoreLocation();
        Event.stop(event);
    },

    // endDrag callback
    _endDrag: function(event)
    {
        // Remove temporary div over iframes
       WindowUtilities.enableScreen('__invisible__');

        if (this.doResize)
            Windows.notify("onEndResize", this);
        else
            Windows.notify("onEndMove", this);

        // Release event observing
        Event.stopObserving(document, "mouseup", this.eventMouseUp,false);
        Event.stopObserving(document, "mousemove", this.eventMouseMove, false);


        Event.stop(event);

        // Restore selection
        document.body.ondrag = null;
        document.body.onselectstart = null;
    },



    _keyPress: function(event)
    {
        //Dialog.cancelCallback();
    },



    // Creates HTML window code
    _createWindow: function(id)
    {
        var className = this.options.className;
        var win = document.createElement("div");
        win.setAttribute('id', id);
        win.className = "dialog";

        var content;
        if (this.options.url)
            content= "<iframe name=\"" + id + "_content\"  id=\"" + id + "_content\" src=\"" + this.options.url + "\" frameborder=\"0\" style=\"margin: 0px; padding: 0px;\"></iframe>";
        else
            content ="<div id=\"" + id + "_content\" class=\"" +className + "_content\"></div>";

        var closeDiv = this.options.closable ? "<div class='"+ className +"_close' id='"+ id +"_close' onmouseup='Windows.close(\""+ id +"\")'> </div>" : "";
        var seAttributes = this.options.resizable ? 'class="' + className + '_sizer" id="' + id + '_sizer"' : 'class="'  + className + '_se" style="cursor: default;"';

        win.innerHTML = '<div class="dialog_3d">' +
                        closeDiv +
                        '<table id="'+ id +'_row1" class="top table_window">' +
                        '<tr>' +
                        '<td class="'+ className +'_n"><div id="'+ id +'_top" class="'+ className +'_title title_window">'+ this.options.title +'</div></td>' +
                        '</tr>' +
                        '</table>' +
                        '<table id="'+ id +'_row2" class="mid table_window">' +
                        '<tr>' +
                        '<td class="'+ className +'_w">&nbsp;</td>' +
                        '<td id="'+ id +'_table_content" class="'+ className +'_content" valign="top">'+ content +'</td>' +
                        '<td class="'+ className +'_e">&nbsp;</td>' +
                        '</tr>' +
                        '</table>' +
                        '<table id="'+ id +'_row3" class="bot table_window">' +
                        '<tr>' +
                        '<td class="'+ className +'_s"><div id="'+ id +'_bottom" class="status_bar">&nbsp;</div></td>' +
                        '<td ' + seAttributes + '>&nbsp;</td>' +
                        '</tr>' +
                        '</table>' +
                        '</div>';

        Element.hide(win);
        this.options.parent.insertBefore(win, this.options.parent.firstChild);
        Event.observe($(id + "_content"), "load", this.options.onload);
        return win;
    },



    // Sets window location
    setLocation: function(top, left)
    {
        if(top < 0)
            top = 0;

        if (left < 0)
            left = 0;

        this.element.setStyle({top: top + 'px'});
        this.element.setStyle({left: left + 'px'});
        this.useLeft = true;
        this.useTop = true;
    },



    // Gets window size
    getSize: function()
    {
        return {width: this.width, height: this.height};
    },



    // Sets window size
    setSize: function(width, height)
    {
        width = parseFloat(width);
        height = parseFloat(height);

        // Check min and max size
        if (width < this.options.minWidth)
            width = this.options.minWidth;

        if (height < this.options.minHeight)
            height = this.options.minHeight;

        if (this.options.maxHeight && height > this.options.maxHeight)
            height = this.options.maxHeight;

        if (this.options.maxWidth && width > this.options.maxWidth)
            width = this.options.maxWidth;

        this.width = width;
        this.height = height;
        this.element.setStyle({width: width + this.widthW + this.widthE + "px"})
        this.element.setStyle({height: height  + this.heightN + this.heightS + "px"})

        // Update content height
        var content = $(this.element.id + '_content');

        if( this.options.url != null )
        {
            content.setStyle({height: height + 'px', width: (width - 1) + 'px', border: '1px solid #b8b4ae'});
        }
        else
            content.setStyle({height: height + 'px', width: width + 'px', border: '1px solid #b8b4ae'});
    },



    updateHeight: function()
    {
        this.setSize(this.width, this.content.scrollHeight)
    },



    updateWidth: function() {
        this.setSize(this.content.scrollWidth, this.height)
    },



    // Brings window to front
    toFront: function()
    {
        this.setZIndex(Windows.maxZIndex + 20);
        Windows.notify("onFocus", this);
    },



    // Displays window modal state or not
    show: function(modal)
    {
        if (modal)
        {
            WindowUtilities.disableScreen(this.options.className, 'overlay_modal', this.getId());
            this.modal = true;
            this.setZIndex(Windows.maxZIndex + 20);
            Windows.unsetOverflow(this);
            Event.observe(document, "keypress", this.eventKeyPress);
        }

        // To restore overflow if need be
        if (this.oldStyle)
            this.getContent().setStyle({overflow: this.oldStyle});

        if (! this.width || !this.height)
        {
            var size = WindowUtilities._computeSize(this.content.innerHTML, this.content.id, this.width, this.height, 0)
            if (this.height)
                this.width = size + 5
            else
                this.height = size + 5
        }

        this.setSize(this.width, this.height);
        if (this.centered)
          this._center(this.centerTop, this.centerLeft);

        if (this.options.showEffect != Element.show && this.options.showEffectOptions )
            this.options.showEffect(this.element, this.options.showEffectOptions);
        else
            this.options.showEffect(this.element);

        this._checkIEOverlapping();
        Windows.notify("onShow", this);
    },



    // Displays window modal state or not at the center of the page
    showCenter: function(modal, top, left)
    {
        this.centered = true;
        this.centerTop = top;
        this.centerLeft = left;

        this.show(modal);
    },



    isVisible: function()
    {
        return this.element.visible();
    },



    _center: function(top, left)
    {
        var windowScroll = WindowUtilities.getWindowScroll();
        var pageSize = WindowUtilities.getPageSize();

        if (!top)
            top = (pageSize.windowHeight - (this.height + this.heightN + this.heightS))/2;
        top += windowScroll.top
        
        if( isIE )
            top -= 15;

        if (!left)
            left = (pageSize.windowWidth - (this.width + this.widthW + this.widthE))/2;
        left += windowScroll.left

        this.setLocation(top, left);
        this.toFront();
    },



    _recenter: function(event)
    {
        if (this.modal)
        {
            var pageSize = WindowUtilities.getPageSize();
            // set height of Overlay to take up whole page and show
            if ($('overlay_modal'))
            {
                $('overlay_modal').style.height = (pageSize.pageHeight + 'px');
                $('overlay_modal').style.width = (pageSize.pageWidth + 'px');
            }

            if (this.centered)
                this._center(this.centerTop, this.centerLeft);
        }
    },



    // Hides window
    hide: function()
    {
        if (this.modal)
        {
            WindowUtilities.enableScreen();
            Windows.resetOverflow();
            Event.stopObserving(document, "keypress", this.eventKeyPress);
        }

        // To avoid bug on scrolling bar
        this.oldStyle = this.getContent().getStyle('overflow') || "auto"
        this.getContent().setStyle({overflow: "hidden"});

        this.options.hideEffect(this.element, this.options.hideEffectOptions);

         if(this.iefix)
            this.iefix.hide();

        Windows.notify("onHide", this);
    },


    setZIndex: function(zindex)
    {
        this.element.setStyle({zIndex: zindex});
        Windows.updateZindex(zindex, this);
    },


    setTitle: function(newTitle)
    {
        if (!newTitle || newTitle == "")
            newTitle = "&nbsp;";

        Element.update(this.element.id + '_top', newTitle);
    },


    _checkIEOverlapping: function()
    {
        if(!this.iefix && (navigator.appVersion.indexOf('MSIE')>0) && (navigator.userAgent.indexOf('Opera')<0) && (this.element.getStyle('position')=='absolute'))
        {
            new Insertion.After(this.element.id, '<iframe id="' + this.element.id + '_iefix" '+ 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' + 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
            this.iefix = $(this.element.id+'_iefix');
        }

        if(this.iefix)
            setTimeout(this._fixIEOverlapping.bind(this), 50);
    },


    _fixIEOverlapping: function()
    {
        Position.clone(this.element, this.iefix);
        this.iefix.style.zIndex = this.element.style.zIndex - 1;
        this.iefix.show();
    },

    _getWindowBorderSize: function(event)
    {
        // Hack to get real window border size!!
        var div = this._createHiddenDiv(this.options.className + "_n")
        this.heightN = Element.getDimensions(div).height;
        div.parentNode.removeChild(div)

        var div = this._createHiddenDiv(this.options.className + "_s")
        this.heightS = Element.getDimensions(div).height;
        div.parentNode.removeChild(div)

        var div = this._createHiddenDiv(this.options.className + "_e")
        this.widthE = Element.getDimensions(div).width;
        div.parentNode.removeChild(div)

        var div = this._createHiddenDiv(this.options.className + "_w")
        this.widthW = Element.getDimensions(div).width;
        div.parentNode.removeChild(div);

        // Safari size fix
        if (/Konqueror|Safari|KHTML/.test(navigator.userAgent))
            this.setSize(this.width, this.height);
    },

    _createHiddenDiv: function(className)
    {
        var objBody = document.getElementsByTagName("body").item(0);
        var win = document.createElement("div");
        win.setAttribute('id', this.element.id+ "_tmp");
        win.className = className;
        win.style.display = 'none'
        win.innerHTML = ''
        objBody.insertBefore(win, objBody.firstChild)
        return win
    }
};



// Windows containers, register all page windows
var Windows = {
    windows: [],
    observers: [],
    focusedWindow: null,
    maxZIndex: 0,

    addObserver: function(observer)
    {
        this.removeObserver(observer);
        this.observers.push(observer);
    },

    removeObserver: function(observer)
    {
        this.observers = this.observers.reject( function(o) { return o==observer });
    },

    notify: function(eventName, win) {  //  onStartResize(), onEndResize(), onStartMove(), onEndMove(), onClose(), onDestroy(), onHide(), onShow(), onFocus()
        this.observers.each( function(o) {if(o[eventName]) o[eventName](eventName, win);});
    },

    // Gets window from its id
    getWindow: function(id) {
        return this.windows.detect(function(d) { return d.getId() == id });
    },

    // Gets the last focused window
    getFocusedWindow: function() {
        return this.focusedWindow;
    },

    // Registers a new window (called by Windows constructor)
    register: function(win) {
        this.windows.push(win);
    },

    // Unregisters a window (called by Windows destructor)
    unregister: function(win) {
        this.windows = this.windows.reject(function(d) { return d==win });
    },

    // Closes a window with its id
    close: function(id)
    {
        var win = this.getWindow(id);

        // Asks delegate if exists
        if (win)
        {
            if (win.getDelegate() && ! win.getDelegate().canClose(win))
                return;

            if ($(id + "_close"))
                $(id + "_close").onclick = function(){};

            this.notify("onClose", win);
            win.hide();
        }
    },

    // Closes all windows
    closeAll: function()
    {
        this.windows.each( function(w) {Windows.close(w.getId())} );
    },


    unsetOverflow: function(except)
    {
        this.windows.each(function(d) { d.oldOverflow = d.getContent().getStyle("overflow") || "auto" ; d.getContent().setStyle({overflow: "hidden"}) });
        if (except && except.oldOverflow)
            except.getContent().setStyle({overflow: except.oldOverflow});
    },

    resetOverflow: function()
    {
        this.windows.each(function(d) { if (d.oldOverflow) d.getContent().setStyle({overflow: d.oldOverflow}) });
    },

    updateZindex: function(zindex, win)
    {
        if (zindex > this.maxZIndex)
            this.maxZIndex = zindex;
        this.focusedWindow = win;
    }
};



var Dialog = {
    dialogId: null,
    win: null,
    onCompleteFunc: null,
    callFunc: null,
    parameters: null,

    confirm: function(content, parameters)
    {
        parameters = parameters || {};
        var okLabel = parameters.okLabel ? parameters.okLabel : "Ok";
        var cancelLabel = parameters.cancelLabel ? parameters.cancelLabel : "Cancel";

        var windowParam = parameters.windowParameters || {};
        windowParam.className = windowParam.className || "alert";

        okButtonClass = "class='" + (parameters.buttonClass ? parameters.buttonClass + " " : "") + " ok_button'"
        cancelButtonClass = "class ='" + (parameters.buttonClass ? parameters.buttonClass + " " : "") + " cancel_button'"
        var content = '<div class="' + windowParam.className + '_message">' + content  + '</div>' +
                      '<div class="' + windowParam.className + '_buttons">' +
                      '<input type="button" value="' + okLabel + '" onclick="Dialog.okCallback()" ' + okButtonClass + '/> ' +
                      '<input type="button" value="' + cancelLabel + '" onclick="Dialog.cancelCallback()" ' + cancelButtonClass + '/>' +
                      '</div>';

        this._openDialog(content, parameters);
        return this.win
    },


    alert: function(content, parameters)
    {
        parameters = parameters || {};
        var windowParam = parameters.windowParameters || {};
        windowParam.className = "dialog";
        parameters.windowParameters.focus = 'okbutton';
        parameters.windowParameters.className = 'dialog';
        parameters.windowParameters.draggable = false;

        var content = '<div class="' + windowParam.className + '_message">' +
                      '<img src="images/' + parameters.type + '.gif" style="padding-right: 10px; float: left;">' +
                      '<div class="' + windowParam.className + '_' + parameters.type + '">' + content + '</div>' +
                      '</div><div class="' + windowParam.className + '_buttons">' +
                      '<input type="button" value="OK" onclick="Dialog.okCallback()" id="okbutton" class ="button" /></div>';

        return this._openDialog(content, parameters)
    },


    _openDialog: function(content, parameters)
    {
        // remove old dialog
        if (this.win)
            this.win.destroy();

        if(! parameters.windowParameters.height && ! parameters.windowParameters.width)
        {
            parameters.windowParameters.width = WindowUtilities.getPageSize().pageWidth / 2;
        }
        this.dialogId = parameters.id ? parameters.id : 'modal_dialog'

        // compute height or width if need be
        if (! parameters.windowParameters.height || ! parameters.windowParameters.width)
        {
            var size = WindowUtilities._computeSize(content, this.dialogId, parameters.windowParameters.width, parameters.windowParameters.height);
            if (parameters.windowParameters.height)
                parameters.windowParameters.width = size + 5
            else
                parameters.windowParameters.height = size + 5
        }

        var windowParam = parameters && parameters.windowParameters ? parameters.windowParameters : {};
        windowParam.resizable = windowParam.resizable || false;

        windowParam.effectOptions = windowParam.effectOptions || {duration: 1};
        windowParam.closable = false;
        this.win = new Window(this.dialogId, windowParam);
        this.win.getContent().innerHTML = content;
        this.win.showCenter(true, parameters.top, parameters.left);

        if( parameters.windowParameters.focus )
        {
            $(parameters.windowParameters.focus).focus();
        }

        this.win.cancelCallback = parameters.cancel;
        this.win.okCallback = parameters.ok;

        return this.win;
    },


    okCallback: function()
    {
        if (!this.win.okCallback || this.win.okCallback(this.win))
        this.win.hide();
    },


    cancelCallback: function()
    {
        this.win.hide();
        if (this.win.cancelCallback)
            this.win.cancelCallback(this.win);
    }
}




/*
    Based on Lightbox JS: Fullsize Image Overlays
    by Lokesh Dhakar - http://www.huddletogether.com

    For more information on this script, visit:
    http://huddletogether.com/projects/lightbox/

    Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
    (basically, do anything you want, just leave my name and link)
*/

var isIE = navigator.appVersion.match(/MSIE/) == "MSIE";

var WindowUtilities = {

    // From script.aculo.us
    getWindowScroll: function()
    {
        var w = window;
        var T, L, W, H;

        with (w.document)
        {
            if (w.document.documentElement && documentElement.scrollTop)
            {
                T = documentElement.scrollTop;
                L = documentElement.scrollLeft;
            }
            else if (w.document.body)
            {
                T = body.scrollTop;
                L = body.scrollLeft;
            }

            if (w.innerWidth)
            {
                W = w.innerWidth;
                H = w.innerHeight;
            }
            else if (w.document.documentElement && documentElement.clientWidth)
            {
                W = documentElement.clientWidth;
                H = documentElement.clientHeight;
            }
            else
            {
                W = body.offsetWidth;
                H = body.offsetHeight
            }
        }
        return { top: T, left: L, width: W, height: H };
    },


    getPageSize: function()
    {
        var xScroll, yScroll;

        if (window.innerHeight && window.scrollMaxY) {
            xScroll = document.body.scrollWidth;
            yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
            xScroll = document.body.scrollWidth;
            yScroll = document.body.scrollHeight;
        } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
            xScroll = document.body.offsetWidth;
            yScroll = document.body.offsetHeight;
        }

        var windowWidth, windowHeight;

        if (self.innerHeight) {    // all except Explorer
            windowWidth = self.innerWidth;
            windowHeight = self.innerHeight;
        } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
            windowWidth = document.documentElement.clientWidth;
            windowHeight = document.documentElement.clientHeight;
        } else if (document.body) { // other Explorers
            windowWidth = document.body.clientWidth;
            windowHeight = document.body.clientHeight;
        }
        var pageHeight, pageWidth;

        // for small pages with total height less then height of the viewport
        if(yScroll < windowHeight)
        {
            pageHeight = windowHeight;
        }
        else
        {
            pageHeight = yScroll;
        }

        // for small pages with total width less then width of the viewport
        if(xScroll < windowWidth)
        {
            pageWidth = windowWidth;
        }
        else
        {
            pageWidth = xScroll;
        }

        return {pageWidth: pageWidth ,pageHeight: pageHeight , windowWidth: windowWidth, windowHeight: windowHeight};
    },


    disableScreen: function(className, overlayId, contentId)
    {
        WindowUtilities.initLightbox(overlayId, className);
        var objBody = document.getElementsByTagName("body").item(0);

        // prep objects
        var objOverlay = $(overlayId);

        var pageSize = WindowUtilities.getPageSize();

        // Hide select boxes as they will 'peek' through the image in IE
        if (contentId && isIE)
        {
            $$('select').each(function(element) {element.style.visibility = "hidden"});
            $$('#'+contentId+' select').each(function(element) {element.style.visibility = "hidden"});
        }

        // set height of Overlay to take up whole page and show
        objOverlay.style.height = (pageSize.pageHeight + 'px');
        objOverlay.style.width = (pageSize.windowWidth + 'px');
        objOverlay.style.display = 'block';
    },


    enableScreen: function(id)
    {
        id = id || 'overlay_modal'
            var objOverlay =  $(id);

        if (objOverlay)
        {
            // hide lightbox and overlay
            objOverlay.style.display = 'none';

            // make select boxes visible
            if (isIE && id == 'overlay_modal' ) {
                $$('select').each(function(element) {element.style.visibility = "visible"});
            }
            objOverlay.parentNode.removeChild(objOverlay);
        }
    },


    initLightbox: function(id, className)
    {
        // Already done, just update zIndex
        if ($(id)) {
            Element.setStyle(id, {zIndex: Windows.maxZIndex + 10});
        }
        // create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
        else
        {
            var objBody = document.getElementsByTagName("body").item(0);
            var objOverlay = document.createElement("div");
            objOverlay.setAttribute('id', id);
            objOverlay.className = "overlay_" + className
            objOverlay.style.display = 'none';
            objOverlay.style.position = 'absolute';
            objOverlay.style.top = '0';
            objOverlay.style.left = '0';
            objOverlay.style.zIndex = Windows.maxZIndex + 10;
            objOverlay.style.width = '100%';
            objBody.insertBefore(objOverlay, objBody.firstChild);
        }
    },


    _computeSize: function(content, id, width, height, margin)
    {
        if (margin == null)
            margin = 5;

        var objBody = document.getElementsByTagName("body").item(0);
        var tmpObj = document.createElement("div");
        tmpObj.setAttribute('id', id);

        if (height)
            tmpObj.style.height = height + "px"
        else
            tmpObj.style.width = width + "px"

        tmpObj.style.position = 'absolute';
        tmpObj.style.top = '0';
        tmpObj.style.left = '0';
        tmpObj.style.display = 'none';

        tmpObj.innerHTML = content;
        objBody.insertBefore(tmpObj, objBody.firstChild);

        var size;
        if(height)
            size = $(id).getDimensions().width + margin;
        else
            size = $(id).getDimensions().height + margin;

        objBody.removeChild(tmpObj);

        return size;
    },


    _computeHeight: function(content, width)
    {
        var body = document.getElementsByTagName("body").item(0);
        var tmp = document.createElement("div");
        tmp.setAttribute('id', 'tmpSizerElement');

        tmp.style.position = 'absolute';
        tmp.style.top = '0';
        tmp.style.left = '0';
        tmp.style.visibility = 'hidden';
        tmp.style.width = width;

        tmp.innerHTML = content;
        body.insertBefore(tmp, body.firstChild);

        var height = $('tmpSizerElement').getDimensions().height;

        body.removeChild(tmp);

        return height;
    }
}