(function($) {

$.showAlert   = function(opts) { showAlertWindow(opts); };
$.hideAlert = function(opts) {  close(opts); };

$.showAlert.defaults = {
    message:  '<p>Processing, Please wait...</p>'
};

function showAlertWindow(opts) {
	$("#alertBoxOuter").remove();
	$("#alertUIBlocker").remove();
	
    var msg = opts && opts.message !== undefined ? opts.message : undefined;
    opts = $.extend({}, $.showAlert.defaults, opts || {});
    msg = msg === undefined ? opts.message : msg;

	var lyr1 = $('<div id="alertUIBlocker" style="z-index:1500;cursor:wait;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;position:fixed;"></div>');
	
	var lyr2 = $('<div class="loading" id="alertBoxOuter">'+msg+'</div>');
    $([lyr1[0],lyr2[0]]).insertBefore('body');
};

function close(opts) { 
  opts = $.extend({}, $.showAlert.defaults, opts || {});
  $("#alertUIBlocker").remove();
  $("#alertBoxOuter").remove();
  
};

})(jQuery);