//* simple modal plugin

$(function () {

    jQuery.fn.showModal = function (options) {
        return this.each(function () {
            var modalDiv = $('#modal');
            if (modalDiv.length == 0)
                modalDiv = $('<div id="modal" class="modalDiv"></div>').appendTo(document.body);

            //* you can remove this if you don't have to support IE6
            if ($.browser.msie && $.browser.version == "6.0") {
                $('select').hide();
                modalDiv.css({ 'position': 'absolute', 'height': $(document).height() - 5, 'width': $(window).width() }).show();
            }
            else
                modalDiv.css({ 'position': 'fixed' }).show();

            var x = $(window).width() / 2 - $(this).outerWidth() / 2;
            var y = $(window).height() / 2 - $(this).outerHeight() / 2;

            $(this).css({ 'position': 'absolute', 'left': x + $(window).scrollLeft(), 'top': y + $(window).scrollTop(), 'z-index': '10001' }).focus().slideDown();
        });
    };

    jQuery.fn.hideModal = function (options) {
        return this.each(function () {
            //* you can remove this if you don't have to support IE6
            if ($.browser.msie && $.browser.version == '6.0')
                $('select').show();

            $(this).slideUp(function () { $('#modal').hide(); });
        });
    };
    
})