﻿
(function($) {
    $.fn.modalwe = function(options) {
        var cancelBtnToId = (options.cancelBtnToId ? options.cancelBtnToId : '');
        var inboundDelay = (options.delay ? options.delay : 500);
        var topdis = (options.top ? options.top : '35%');
        var parnt = $(this).selector;
        var contentElm = $(this).children();
        var bgOpacity = (options.bgOpacity ? options.bgOpacity : 50);
        var bgColor = (options.bgColor ? options.bgColor : '#fff');

        if (contentElm.length > 0) {
            if (cancelBtnToId.length > 0) {
                $('#' + cancelBtnToId).unbind();
                $('#' + cancelBtnToId).click(function() {
                    RemoveOvly();
                });
            }

            var tWidth = contentElm.css('width');
            var tHeight = contentElm.css('height');


            if ($('#ovlyBg').length == 0) {
                $('form:first').append('<div id="ovlyBg" align="center" ></div>');
                $('#ovlyBg').css({ 'position': 'fixed', 'top': '0', 'left': '0', 'height': '100%', 'width': '100%', 'z-index': '1000', 'filter': 'alpha(opacity=' + (bgOpacity * 100) + ')', 'background-color': 'Black', '-moz-opacity': bgOpacity, '-khtml-opacity': bgOpacity, 'opacity': bgOpacity });
                $('form:first').append('<table id="ovlyContainer" cellpadding="0" cellspacing="0" ><tr valign="middle" ><td valign="middle" align="center">  <div id="ovlyContent"  align="center" > </div></td></tr></table>');
                $('#ovlyContainer').css({ 'position': 'fixed', 'text-align': 'center', 'z-index': '1002', 'height': '100%', 'width': '100%', 'top': '0', 'left': '0' });
               // $('#ovlyContent').css({ 'width': tWidth, 'height': tHeight, 'background-color': bgColor });
            }

            $('#ovlyBg').fadeIn('slow', function() {
                //   contentElm.clone().appendTo($('#ovlyContent'));
                $(contentElm).show();
                $('#ovlyContent').append(contentElm);
                $('#ovlyContent').css({ 'opacity': '0.0' });
                $('#ovlyContent').animate({
                    opacity: '1.0'
                }, inboundDelay, function() {
                 
                });
            });
            var RemoveOvly = function() {
                contentElm.hide();
                $(parnt).append(contentElm);
                $('#ovlyBg').remove();
                $('#ovlyContainer').remove();
            }
        }
    }
})(jQuery);
