﻿(function($) {
  $.fn.jqueryModal = function(options) {
    var defaults = {
      closeControl: '.close-modal-window',
      autoClose: false,
      hideDelay: 4000,
      fadeOutSpeed: 800
    };
    var opts = $.extend(defaults, options);

    // overlay mask
    var mask = $('#mask');
    if (mask.length == 0) {
      $('body').append('<div id="mask"></div>');
      mask = $('#mask').css({
        'background-color': 'Silver',
        'display': 'none',
        'left': 0,
        'opacity': 0.7,
        'position': 'absolute',
        'top': 0,
        'z-index': 9000
      });
    }
    mask.css({ 'width': $(window).width(), 'height': $(document).height() }).show();

    var top = ($(window).height() - $(this).height()) / 2;
    var left = ($(window).width() - $(this).width()) / 2;
    $(this).css({
      'background-color': '#fff',
      'left': left,
      '-moz-border-radius': '15px',
      'padding': 15,
      'position': 'fixed',
      'top': top,
      'z-index': 9001
    }).addClass('modal-window').show();

    $(opts['closeControl']).click(function(e) {
      e.preventDefault();
      $('#mask, .modal-window').hide();
    });

    if (opts['autoClose'] == true) {
      setTimeout(function() { $('#mask, .modal-window').fadeOut(opts['fadeOutSpeed']); }, opts['hideDelay']);
    }
  };
})(jQuery);
