var modalWindow = {
    width: Number,
    height: Number,
    opacity: Number,
    modal: Boolean = true,
    iframe: Boolean = true,
    savebut: Boolean = true,
    border: Boolean = true, //RB allow developer to remove gray border around box
    callback: function() {

    },
    close: function() {
        $(".modal-window").remove();
        $(".modal-overlay").fadeOut('slow');
        $(".modal-overlay").remove();
    },
    save: function() {
        if (this.iframe) {
            window.frames['modalPopFrame'].document.forms[0].submit();
        }
        else {
            document.forms[0].submit();
        }

    },
    open: function(source) {
        var contents;
        var modalChunk = "";
        modalChunk += "<div class=\"modal-overlay\"></div>";
        if (this.iframe)
            modalChunk += "<img src='/images/loading-animation.gif' class='modal-loading' style=\"margin-top:-5px; margin-left:-75px;\" />";

        var topmargin = "";
        //we don't want to adjust the margin top for ie6 browser
        if (!($.browser.msie && $.browser.version.substr(0, 1) == "6")) {
            topmargin = "margin-top:-" + (this.height / 2) + "px;";
        }
        modalChunk += "<div id=\"modalPop\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; " + topmargin + " margin-left:-" + (this.width / 2) + "px;\">";
        modalChunk += "</div>";
        /*modalChunk += "<div id=\"modalPop\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
        modalChunk += "</div>";	*/

        $("body").append(modalChunk);

        $(".modal-overlay").css({ position: "absolute", height: $(document).height(), width: $(document).width(), top: 0, left: 0, right: 0, bottom: 0 });
        $(".modal-overlay").css({ zIndex: 101, display: "none", opacity: this.opacity });
        /*
           RB:
           override border css style to allow for flexible removing of border
        */
        if (!this.border) {
            $(".modal-window").css({ "border": "none" });            
        }
        if (!this.modal) {
            //APL 10/03/2008 added code for the save button
            if (this.savebut) {
                $("#modalPop").append("<a class=\"save-window\" style=\"display: none;\"></a>");
                $(".save-window").click(function() { modalWindow.save(); });
            }

            $("#modalPop").append("<a class=\"close-window\" style=\"display: none;\"></a>");
            $(".close-window").click(function() { modalWindow.close(); });
        }

        if (this.iframe)
            contents = "<iframe id='modalPopFrame' width='" + $("#modalPop").width() + "' height='" + $("#modalPop").height() + "' frameborder='0' scrolling='auto' allowtransparency='true' src='" + source + "'></iframe>";
        else
            contents = source;
        if (this.iframe)
            $(".modal-overlay").fadeIn('slow',
		        function() {
		            $("#modalPop").append("<iframe id='modalPopFrame' width='" + $("#modalPop").width() + "' height='" + $("#modalPop").height() + "' frameborder='0' scrolling='auto' allowtransparency='true' src='" + source + "'></iframe>");
		            $("#modalPopFrame").load(
		                function() {
		                    $(".modal-loading").remove();
		                    $(".close-window").css({ zIndex: 103, display: "block" });
		                    $(".save-window").css({ zIndex: 103, display: "block" });
		                }
		            );

		        }
		    );
        else
            $(".modal-overlay").fadeIn('slow',
		        function() {
		            $("#modalPop").append(source);
		            $(".close-window").css({ zIndex: 103, display: "block" });
		            $(".save-window").css({ zIndex: 103, display: "block" });
		            modalWindow.callback();
		        }
		    );

    }
};

var lightbox = function(source, width, height, modal, border, iframe, callback, savebut) {
    if (width > $(window).width())
        modalWindow.width = $(window).width() - 30;
    else
        modalWindow.width = width;

    if (height > $(window).height())
        modalWindow.height = $(window).height() - 65;
    else
        modalWindow.height = height;

    modalWindow.modal = modal;
    modalWindow.opacity = .7;
    if (iframe != null)
        modalWindow.iframe = iframe;
    else
        modalWindow.iframe = true;
    if (savebut != null)
        modalWindow.savebut = savebut;
    else
        modalWindow.savebut = true;
    if (border != null)
        modalWindow.border = border;
    else
        modalWindow.border = true;

    var contents = source;
    if (!modalWindow.iframe)
        contents = $("#" + source).html();

    if (callback != null)
        modalWindow.callback = callback;

    modalWindow.open(contents);
};

var loadingLightbox = function() {
    modalWindow.width = 200;
    modalWindow.height = 100;
    modalWindow.opacity = .7;
    modalWindow.modal = true;
    modalWindow.iframe = false;
    modalWindow.border = true;
    modalWindow.open('<div id="loadingWindow"><img src="/images/icons/loading/loading-circle-large.gif" /> Loading...</div>');
};