(function($){
$.popup = function(options){
 // defaults options
 var defaults = {
  htmlCode: '',
  clickMask: false,//
  maskOpacity: 0.6,//
  width: 574, // popup width
  left:'',
  top:'',
  className: '.popup'
  };
 var options = $.extend(defaults,options);
      var maskHeight = $(document).height();
      var maskWidth = $(window).width();
      $('#mask').css({
      'width':'100%',
      'height':maskHeight
     });
    $('#mask').fadeTo(50,options.maskOpacity);
	
   if (options.htmlCode != '') {
      $(options.className).html(options.htmlCode);
    }
   var winH = $(window).height();
      var winW = $(window).width();
	  var pTop = Math.max(10,winH/2 - $(options.className).height()/2);
   if(options.top!=''){
     pTop = options.top - $(options.className).height()/2;
   }
   $(options.className).css({
    'width': options.width,
    'top': pTop,
    'left': winW/2 - options.width/2
    }).fadeIn(500);

	var popupHeight = $(options.className).height();
	$('body, #mask').height(Math.max($(document).height(),24 + pTop + popupHeight));

	if(options.clickMask){var mask = $('#mask');}

    $('.close_').add(mask).click(function () {
       $.closePopup();
    	return false;
      });
	$(document).keyup(function (e) {
		if(e.keyCode == 27){
			$.closePopup();
		}
	});
     }
	$.closePopup = function(options){
		var defaults = {
  		closeElem: '.popup'
  		};
		var options = $.extend(defaults,options);
    	   $('#mask').add(options.closeElem).hide();
    	   $('body, #mask').css('height','auto');
	}
})(jQuery);