var modalStyle = {
  common: {
    overlayId: "modal-style-common-overlay",
    containerId: "modal-style-common-container",
    dataId: "modal-style-common-data",
    opacity: 50,
    autoResize: true,
    autoPosition: true
  },
  loading: {
    overlayId: "modal-style-loading-overlay",
    containerId: "modal-style-loading-container",
    dataId: "modal-style-loading-data",
    opacity: 0
  }
};

var modalAction = {
  slide: {
    onOpen: function(dialog) {
      dialog.data.show();
      dialog.overlay.fadeIn(200);
      dialog.container.slideDown(200);
    },
    onClose: function(dialog) {
      dialog.container.slideUp(200);
      dialog.overlay.fadeOut(200, function() { $.modal.close(); });
    }
  }
  ,
  fade: {
    onOpen: function(dialog) {
      dialog.overlay.fadeIn(500);
      dialog.data.fadeIn(500);
      dialog.container.fadeIn(500);
    },
    onClose: function(dialog) {
      dialog.data.fadeOut(500);
      dialog.container.fadeOut(500);
      dialog.overlay.fadeOut(500, function() { $.modal.close(); });
    }
  }
};