diff --git a/css/jquery.modal.css b/css/jquery.modal.css
index 9bb8af5..454a23c 100644
--- a/css/jquery.modal.css
+++ b/css/jquery.modal.css
@@ -3,11 +3,11 @@
* Website http://creativedream.net/plugins
* Version: 1.2.3 (10-04-2015)
*/
-#modal-window {
+ .modal-window {
background-color: rgba(0, 0, 0, 0.35);
}
-#modal-window > * {
+ .modal-window > * {
margin: 0;
padding: 0;
border: 0;
@@ -16,7 +16,7 @@
vertical-align: baseline;
}
-#modal-window .modal-box {
+ .modal-window .modal-box {
position: absolute;
margin-bottom: 10px;
background-color: #ffffff;
@@ -36,21 +36,21 @@
}
/* Modal Sizes */
-#modal-window .modal-box.modal-size-normal {
+ .modal-window .modal-box.modal-size-normal {
width: 560px;
}
-#modal-window .modal-box.modal-size-small {
+ .modal-window .modal-box.modal-size-small {
width: 350px;
}
-#modal-window .modal-box.modal-size-large {
+ .modal-window .modal-box.modal-size-large {
width: 1000px;
}
/* Modal Responsive */
@media only screen and (max-width : 580px){
- #modal-window .modal-box.modal-size-normal{
+ .modal-window .modal-box.modal-size-normal{
width: 96%;
left: 0 !important;
margin-left: 2% !important;
@@ -58,7 +58,7 @@
}
}
@media only screen and (max-width : 1020px){
- #modal-window .modal-box.modal-size-large{
+ .modal-window .modal-box.modal-size-large{
width: 96%;
left: 0 !important;
margin-left: 2% !important;
@@ -66,7 +66,7 @@
}
}
@media only screen and (max-width : 370px){
- #modal-window .modal-box.modal-size-small{
+ .modal-window .modal-box.modal-size-small{
width: 96%;
left: 0 !important;
margin-left: 2% !important;
@@ -79,15 +79,15 @@
Modal Title
*/
-#modal-window .modal-box .modal-title {
+ .modal-window .modal-box .modal-title {
position: relative;
- padding: 12px 15px;
+ padding: 0 0 0 15px;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
overflow: hidden;
}
-#modal-window .modal-box .modal-title h3 {
+ .modal-window .modal-box .modal-title h3 {
font-size: 22px;
font-weight: normal;
line-height: normal;
@@ -96,7 +96,7 @@
padding: 0;
}
/* Modal Close Button */
-#modal-window .modal-box .modal-title .modal-close-btn {
+ .modal-window .modal-box .modal-title .modal-close-btn {
position: absolute;
display: block;
width: 14px;
@@ -111,7 +111,7 @@
filter: alpha(opacity=50);
}
-#modal-window .modal-box .modal-title .modal-close-btn:hover {
+ .modal-window .modal-box .modal-title .modal-close-btn:hover {
opacity: 1;
filter: alpha(opacity=100);
}
@@ -121,13 +121,13 @@
Modal Text
*/
-#modal-window .modal-box .modal-text {
+ .modal-window .modal-box .modal-text {
font-size: 14px;
padding: 18px 15px;
overflow-y: auto;
}
-#modal-window .modal-box img {
+ .modal-window .modal-box img {
height: auto;
max-width: 100%;
vertical-align: middle;
@@ -136,7 +136,7 @@
}
/* Modal Prompt Input */
-#modal-window .modal-box .modal-text input.modal-prompt-input {
+ .modal-window .modal-box .modal-text input.modal-prompt-input {
width: 97%;
width: -webkit-calc(100% - 14px);
width: -moz-calc(100% - 14px);
@@ -160,13 +160,13 @@
transition: all 0.1s linear;
}
-#modal-window .modal-box .modal-text input.modal-prompt-input:hover {
+ .modal-window .modal-box .modal-text input.modal-prompt-input:hover {
border: 1px solid #bbbbbb;
border-top: 1px solid #aaaaaa;
}
-#modal-window .modal-box .modal-text input.modal-prompt-input:focus,
-#modal-window .modal-box .modal-text input.modal-prompt-input:active {
+ .modal-window .modal-box .modal-text input.modal-prompt-input:focus,
+ .modal-window .modal-box .modal-text input.modal-prompt-input:active {
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.3);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.3);
@@ -178,14 +178,14 @@
Modal Buttons
*/
-#modal-window .modal-box .modal-buttons {
+ .modal-window .modal-box .modal-buttons {
padding: 10px 15px;
text-align: right;
background-color: #f9f9f9;
border-top: 1px solid #ddd;
}
-#modal-window .modal-box .modal-buttons a.modal-btn {
+ .modal-window .modal-box .modal-buttons a.modal-btn {
display: inline-block;
padding: 8px 12px;
outline: none;
@@ -203,57 +203,57 @@
vertical-align: middle;
}
-#modal-window .modal-box .modal-buttons a.modal-btn:active,a.modal-btn:focus {
+ .modal-window .modal-box .modal-buttons a.modal-btn:active,a.modal-btn:focus {
outline: none !important;
}
-#modal-window .modal-box .modal-buttons a.modal-btn:active,a.modal-btn.active {
+ .modal-window .modal-box .modal-buttons a.modal-btn:active,a.modal-btn.active {
-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);
box-shadow: inset 0 0 7px rgba(0,0,0,0.2);
}
-#modal-window .modal-box .modal-buttons a.modal-btn+a.modal-btn {
+ .modal-window .modal-box .modal-buttons a.modal-btn+a.modal-btn {
margin-left: 5px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-disabled {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-large {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-large {
padding: 8px 14px;
font-size: 16px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-small {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-small {
padding: 6px 8px;
font-size: 10px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-rounded {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-rounded {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-circle {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-circle {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-square {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn i,
-#modal-window .modal-box .modal-buttons a.modal-btn img {
+ .modal-window .modal-box .modal-buttons a.modal-btn i,
+ .modal-window .modal-box .modal-buttons a.modal-btn img {
vertical-align: middle;
display: inline-block;
float: left;
@@ -261,7 +261,7 @@
margin-right: 5px;
}
-#modal-window .modal-box .modal-buttons a.modal-btn {
+ .modal-window .modal-box .modal-buttons a.modal-btn {
background-color: #fcfcfc;
border-color: #c9c9c9;
-webkit-border-radius: 3px;
@@ -272,162 +272,162 @@
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-green {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-green {
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-green:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-green:hover {
background-color: #449d44;
border-color: #398439;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-purple {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-purple {
background-color: #8149B4;
border-color: #6922AD;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-purple:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-purple:hover {
background-color: #6f32a8;
border-color: #5b149e;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-orange {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-orange {
background-color: #f7aa47;
border-color: #eea236;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-orange:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-orange:hover {
background-color: #f69f2f;
border-color: #d58512;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-pink {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-pink {
background-color: #ff6264;
border-color: #eb5b5c;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-pink:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-pink:hover {
background-color: #ff484b;
border-color: #e53a3d;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise {
background-color: #00b19d;
border-color: #11a594;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-turquoise:hover {
background-color: #009886;
border-color: #0b8173;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green {
background-color: #8dc63f;
border-color: #7db432;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-green:hover {
background-color: #82b838;
border-color: #75a336;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue {
background-color: #428bca;
border-color: #357ebd;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-blue:hover {
background-color: #3071a9;
border-color: #285e8e;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-blue {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-blue {
background-color: #0e62c7;
border-color: #0D54AA;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-blue:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-blue:hover {
background-color: #0c56af;
border-color: #0B4992;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-red {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-red {
background-color: #cc3f44;
border-color: #bd1b21;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-red:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-red:hover {
background-color: #ab2d32;
border-color: #96050b;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red {
background-color: #d9534f;
border-color: #d43f3a;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-light-red:hover {
background-color: #c9302c;
border-color: #ac2925;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow {
background-color: #ffba00;
border-color: #e4a703;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-yellow:hover {
background-color: #f0bb2e;
border-color: #dba71a;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-black {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-black {
background-color: #444;
border-color: #313131;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-black:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-black:hover {
background-color: #333;
border-color: #222;
color: #fff;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-white {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-white {
background-color: #fff;
color: #555;
border: 1px solid #ddd;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:hover {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-white:hover {
background-color: #f7f7f7;
border: 1px solid #ccc;
}
-#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:active,#modal-window .modal-box .modal-buttons a.modal-btn.btn-white:focus {
+ .modal-window .modal-box .modal-buttons a.modal-btn.btn-white:active, .modal-window .modal-box .modal-buttons a.modal-btn.btn-white:focus {
-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
@@ -438,47 +438,47 @@
Modal Title Types
*/
-#modal-window .modal-box.modal-type-success .modal-title {
+ .modal-window .modal-box.modal-type-success .modal-title {
background-color: #61b832;
}
-#modal-window .modal-box.modal-type-warning .modal-title {
+ .modal-window .modal-box.modal-type-warning .modal-title {
background-color: #f1b40e;
}
-#modal-window .modal-box.modal-type-error .modal-title {
+ .modal-window .modal-box.modal-type-error .modal-title {
background-color: #de4343;
}
-#modal-window .modal-box.modal-type-info .modal-title {
+ .modal-window .modal-box.modal-type-info .modal-title {
background-color: #4ea5cd;
}
-#modal-window .modal-box.modal-type-inverted .modal-title {
+ .modal-window .modal-box.modal-type-inverted .modal-title {
background-color: #232B31;
}
-#modal-window .modal-box.modal-type-primary .modal-title {
+ .modal-window .modal-box.modal-type-primary .modal-title {
background-color: #428bca;
}
-#modal-window .modal-box.modal-type-success .modal-title,
-#modal-window .modal-box.modal-type-warning .modal-title,
-#modal-window .modal-box.modal-type-error .modal-title,
-#modal-window .modal-box.modal-type-info .modal-title,
-#modal-window .modal-box.modal-type-inverted .modal-title,
-#modal-window .modal-box.modal-type-primary .modal-title {
+ .modal-window .modal-box.modal-type-success .modal-title,
+ .modal-window .modal-box.modal-type-warning .modal-title,
+ .modal-window .modal-box.modal-type-error .modal-title,
+ .modal-window .modal-box.modal-type-info .modal-title,
+ .modal-window .modal-box.modal-type-inverted .modal-title,
+ .modal-window .modal-box.modal-type-primary .modal-title {
color: #FFF;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom-color: transparent;
}
/* Modal Close Button White Color*/
-#modal-window .modal-box.modal-type-success .modal-title .modal-close-btn,
-#modal-window .modal-box.modal-type-warning .modal-title .modal-close-btn,
-#modal-window .modal-box.modal-type-error .modal-title .modal-close-btn,
-#modal-window .modal-box.modal-type-info .modal-title .modal-close-btn,
-#modal-window .modal-box.modal-type-inverted .modal-title .modal-close-btn,
-#modal-window .modal-box.modal-type-primary .modal-title .modal-close-btn {
+ .modal-window .modal-box.modal-type-success .modal-title .modal-close-btn,
+ .modal-window .modal-box.modal-type-warning .modal-title .modal-close-btn,
+ .modal-window .modal-box.modal-type-error .modal-title .modal-close-btn,
+ .modal-window .modal-box.modal-type-info .modal-title .modal-close-btn,
+ .modal-window .modal-box.modal-type-inverted .modal-title .modal-close-btn,
+ .modal-window .modal-box.modal-type-primary .modal-title .modal-close-btn {
background: url('data:image/png;base64,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') no-repeat center;
}
@@ -486,7 +486,7 @@
Modal Reseted Theme
*/
-#modal-window .modal-box.modal-theme-reseted{
+ .modal-window .modal-box.modal-theme-reseted{
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
@@ -495,17 +495,17 @@
-moz-box-shadow: none;
box-shadow: none;
}
-#modal-window .modal-box.modal-theme-reseted .modal-title{
+ .modal-window .modal-box.modal-theme-reseted .modal-title{
border-bottom: 0;
padding: 0;
}
-#modal-window .modal-box.modal-theme-reseted .modal-title .modal-close-btn{
+ .modal-window .modal-box.modal-theme-reseted .modal-title .modal-close-btn{
right: 0;
}
-#modal-window .modal-box.modal-theme-reseted .modal-text{
+ .modal-window .modal-box.modal-theme-reseted .modal-text{
padding: 0;
}
-#modal-window .modal-box.modal-theme-reseted .modal-buttons{
+ .modal-window .modal-box.modal-theme-reseted .modal-buttons{
border-top: 0;
background: none;
padding: 0;
diff --git a/js/jquery.modal.js b/js/jquery.modal.js
index 3884e1c..43571ab 100644
--- a/js/jquery.modal.js
+++ b/js/jquery.modal.js
@@ -8,8 +8,11 @@
function modal(e) {
return $.cModal(e)
}(function(e) {
+ var modal_idx=0;
e.cModal = function(t) {
- var n = {
+ modal_idx++;
+ var n, t, r, i, s, o,u;
+ n = {
type: "default",
title: null,
text: null,
@@ -38,21 +41,22 @@ function modal(e) {
},
template: '',
_classes: {
- box: ".modal-box",
- boxInner: ".modal-inner",
- title: ".modal-title",
- content: ".modal-text",
- buttons: ".modal-buttons",
+ box: "#modal-window_"+modal_idx+" .modal-box",
+ boxInner: "#modal-window_"+modal_idx+" .modal-inner",
+ title: "#modal-window_"+modal_idx+" .modal-title",
+ content: "#modal-window_"+modal_idx+" .modal-text",
+ buttons: "#modal-window_"+modal_idx+" .modal-buttons",
closebtn: ".modal-close-btn"
}
},
t = e.extend({}, n, t),
- r, i = e("").hide(),
+ r,
+ i = e("").hide(),
s = t._classes.box,
o = i.append(t.template),
u = {
init: function() {
- e("#modal-window").remove();
+ e("#modal-window_"+modal_idx).remove();
u._setStyle();
u._modalShow();
u._modalConent();
@@ -63,7 +67,7 @@ function modal(e) {
u._modalHide()
}).click(function(e) {
if (t.closeClick) {
- if (e.target.id == "modal-window") {
+ if (e.target.id == "modal-window_"+modal_idx) {
r = false;
u._modalHide()
}
diff --git a/js/jquery.modal.min.js b/js/jquery.modal.min.js
index 8de7cba..9b93c61 100644
--- a/js/jquery.modal.min.js
+++ b/js/jquery.modal.min.js
@@ -5,4 +5,4 @@
* Version: 1.2.3 (10-04-2015)
* Requires: jQuery v1.7.1 or later
*/
-function modal(t){return $.cModal(t)}!function(t){t.cModal=function(n){var e,o={type:"default",title:null,text:null,size:"normal",buttons:[{text:"OK",val:!0,onClick:function(){return!0}}],center:!0,autoclose:!1,callback:null,onShow:null,animate:!0,closeClick:!0,closable:!0,theme:"default",background:null,zIndex:1050,buttonText:{ok:"OK",yes:"Yes",cancel:"Cancel"},template:'',_classes:{box:".modal-box",boxInner:".modal-inner",title:".modal-title",content:".modal-text",buttons:".modal-buttons",closebtn:".modal-close-btn"}},n=t.extend({},o,n),a=t("").hide(),l=n._classes.box,s=a.append(n.template),i={init:function(){t("#modal-window").remove(),i._setStyle(),i._modalShow(),i._modalConent(),a.on("click","a.modal-btn",function(){i._modalBtn(t(this))}).on("click",n._classes.closebtn,function(){e=!1,i._modalHide()}).click(function(t){n.closeClick&&"modal-window"==t.target.id&&(e=!1,i._modalHide())}),t(window).bind("keyup",i._keyUpF).resize(function(){var t=n.animate;n.animate=!1,i._position(),n.animate=t})},_setStyle:function(){a.css({position:"fixed",width:"100%",height:"100%",top:"0",left:"0","z-index":n.zIndex,overflow:"auto"}),a.find(n._classes.box).css({position:"absolute"})},_keyUpF:function(t){switch(t.keyCode){case 13:if(s.find("input:not(.modal-prompt-input),textarea").is(":focus"))return!1;i._modalBtn(a.find(n._classes.buttons+" a.modal-btn"+("undefined"!=typeof i.btnForEKey&&a.find(n._classes.buttons+" a.modal-btn:eq("+i.btnForEKey+")").size()>0?":eq("+i.btnForEKey+")":":last-child")));break;case 27:i._modalHide()}},_modalShow:function(){t("body").css({overflow:"hidden",width:t("body").innerWidth()}).append(s)},_modalHide:function(o){if(n.closable===!1)return!1;e="undefined"==typeof e?!1:e;var s=function(){if(null!=n.callback&&"function"==typeof n.callback&&0==n.callback(e,a,i.actions)?!1:!0){a.fadeOut(200,function(){t(this).remove(),t("body").css({overflow:"",width:""})});var o=100*parseFloat(t(l).css("top"))/parseFloat(t(l).parent().css("height"));t(l).stop(!0,!0).animate({top:o+(n.animate?3:0)+"%"},"fast")}};o?setTimeout(function(){s()},o):s(),t(window).unbind("keyup",i._keyUpF)},_modalConent:function(){var e=n._classes.title,o=n._classes.content,s=n._classes.buttons,d=n.buttonText,c=["alert","confirm","prompt"],u=["xenon","atlant","reseted"];if(-1==t.inArray(n.type,c)&&"default"!=n.type&&t(l).addClass("modal-type-"+n.type),t(l).addClass(n.size&&null!=n.size?"modal-size-"+n.size:"modal-size-normal"),n.theme&&null!=n.theme&&"default"!=n.theme&&t(l).addClass((-1==t.inArray(n.theme,u)?"":"modal-theme-")+n.theme),n.background&&null!=n.background&&a.css("background-color",n.background),n.title||null!=n.title?t(e).prepend(""+n.title+"
"):t(e).remove(),"prompt"==n.type?n.text=(null!=n.text?n.text:"")+'':"",t(o).html(n.text),n.buttons||null!=n.buttons){var r="";switch(n.type){case"alert":r=''+d.ok+"";break;case"confirm":r=''+d.cancel+''+d.yes+"";break;case"prompt":r=''+d.cancel+''+d.ok+"";break;default:n.buttons.length>0&&t.isArray(n.buttons)?t.each(n.buttons,function(t,n){var e=n.addClass&&"undefined"!=typeof n.addClass?" "+n.addClass:"";r+=''+n.text+"",n.eKey&&(i.btnForEKey=t)}):r+=''+d.ok+""}t(s).html(r)}else t(s).remove();if("prompt"==n.type&&$(".modal-prompt-input").focus(),n.autoclose){var m=n.buttons||null!=n.buttons?32*t(o).text().length:900;i._modalHide(900>m?900:m)}a.fadeIn(200,function(){null!=n.onShow?n.onShow(i.actions):null}),i._position()},_position:function(){var e,o,a;n.center?(e={top:t(window).height()-1)e=l=1==d?!0:!1,"prompt"==s&&(e=l=l&&a.find("input.modal-prompt-input").size()>0!=0?a.find("input.modal-prompt-input").val():!1),i._modalHide();else{if(o.hasClass("btn-disabled"))return!1;e=l=c&&c.val?c.val:!0,(!c.onClick||c.onClick(t.extend({val:l,bObj:o,bOpts:c},i.actions)))&&i._modalHide()}e=l},actions:{html:a,close:function(){i._modalHide()},getModal:function(){return a},getBox:function(){return a.find(n._classes.box)},getInner:function(){return a.find(n._classes.boxInner)},getTitle:function(){return a.find(n._classes.title)},getContet:function(){return a.find(n._classes.content)},getButtons:function(){return a.find(n._classes.buttons).find("a")},setTitle:function(t){return a.find(n._classes.title+" h3").html(t),a.find(n._classes.title+" h3").size()>0},setContent:function(t){return a.find(n._classes.content).html(t),a.find(n._classes.content).size()>0}}};return i.init(),i.actions}}(jQuery);
\ No newline at end of file
+function modal(t){return $.cModal(t)}!function(t){var n=0;t.cModal=function(e){n++;var o,e,a,l,s,i,d;return o={type:"default",title:null,text:null,size:"normal",buttons:[{text:"OK",val:!0,onClick:function(){return!0}}],center:!0,autoclose:!1,callback:null,onShow:null,animate:!0,closeClick:!0,closable:!0,theme:"default",background:null,zIndex:1050,buttonText:{ok:"OK",yes:"Yes",cancel:"Cancel"},template:'',_classes:{box:"#modal-window_"+n+" .modal-box",boxInner:"#modal-window_"+n+" .modal-inner",title:"#modal-window_"+n+" .modal-title",content:"#modal-window_"+n+" .modal-text",buttons:"#modal-window_"+n+" .modal-buttons",closebtn:".modal-close-btn"}},e=t.extend({},o,e),l=t("").hide(),s=e._classes.box,i=l.append(e.template),d={init:function(){t("#modal-window_"+n).remove(),d._setStyle(),d._modalShow(),d._modalConent(),l.on("click","a.modal-btn",function(){d._modalBtn(t(this))}).on("click",e._classes.closebtn,function(){a=!1,d._modalHide()}).click(function(t){e.closeClick&&t.target.id=="modal-window_"+n&&(a=!1,d._modalHide())}),t(window).bind("keyup",d._keyUpF).resize(function(){var t=e.animate;e.animate=!1,d._position(),e.animate=t})},_setStyle:function(){l.css({position:"fixed",width:"100%",height:"100%",top:"0",left:"0","z-index":e.zIndex,overflow:"auto"}),l.find(e._classes.box).css({position:"absolute"})},_keyUpF:function(t){switch(t.keyCode){case 13:if(i.find("input:not(.modal-prompt-input),textarea").is(":focus"))return!1;d._modalBtn(l.find(e._classes.buttons+" a.modal-btn"+("undefined"!=typeof d.btnForEKey&&l.find(e._classes.buttons+" a.modal-btn:eq("+d.btnForEKey+")").size()>0?":eq("+d.btnForEKey+")":":last-child")));break;case 27:d._modalHide()}},_modalShow:function(){t("body").css({overflow:"hidden",width:t("body").innerWidth()}).append(i)},_modalHide:function(n){if(e.closable===!1)return!1;a="undefined"==typeof a?!1:a;var o=function(){if(null!=e.callback&&"function"==typeof e.callback&&0==e.callback(a,l,d.actions)?!1:!0){l.fadeOut(200,function(){t(this).remove(),t("body").css({overflow:"",width:""})});var n=100*parseFloat(t(s).css("top"))/parseFloat(t(s).parent().css("height"));t(s).stop(!0,!0).animate({top:n+(e.animate?3:0)+"%"},"fast")}};n?setTimeout(function(){o()},n):o(),t(window).unbind("keyup",d._keyUpF)},_modalConent:function(){var n=e._classes.title,o=e._classes.content,a=e._classes.buttons,i=e.buttonText,c=["alert","confirm","prompt"],u=["xenon","atlant","reseted"];if(-1==t.inArray(e.type,c)&&"default"!=e.type&&t(s).addClass("modal-type-"+e.type),t(s).addClass(e.size&&null!=e.size?"modal-size-"+e.size:"modal-size-normal"),e.theme&&null!=e.theme&&"default"!=e.theme&&t(s).addClass((-1==t.inArray(e.theme,u)?"":"modal-theme-")+e.theme),e.background&&null!=e.background&&l.css("background-color",e.background),e.title||null!=e.title?t(n).prepend(""+e.title+"
"):t(n).remove(),"prompt"==e.type?e.text=(null!=e.text?e.text:"")+'':"",t(o).html(e.text),e.buttons||null!=e.buttons){var r="";switch(e.type){case"alert":r=''+i.ok+"";break;case"confirm":r=''+i.cancel+''+i.yes+"";break;case"prompt":r=''+i.cancel+''+i.ok+"";break;default:e.buttons.length>0&&t.isArray(e.buttons)?t.each(e.buttons,function(t,n){var e=n.addClass&&"undefined"!=typeof n.addClass?" "+n.addClass:"";r+=''+n.text+"",n.eKey&&(d.btnForEKey=t)}):r+=''+i.ok+""}t(a).html(r)}else t(a).remove();if("prompt"==e.type&&$(".modal-prompt-input").focus(),e.autoclose){var m=e.buttons||null!=e.buttons?32*t(o).text().length:900;d._modalHide(900>m?900:m)}l.fadeIn(200,function(){null!=e.onShow?e.onShow(d.actions):null}),d._position()},_position:function(){var n,o,a;e.center?(n={top:t(window).height()-1)a=o=1==i?!0:!1,"prompt"==s&&(a=o=o&&l.find("input.modal-prompt-input").size()>0!=0?l.find("input.modal-prompt-input").val():!1),d._modalHide();else{if(n.hasClass("btn-disabled"))return!1;a=o=c&&c.val?c.val:!0,(!c.onClick||c.onClick(t.extend({val:o,bObj:n,bOpts:c},d.actions)))&&d._modalHide()}a=o},actions:{html:l,close:function(){d._modalHide()},getModal:function(){return l},getBox:function(){return l.find(e._classes.box)},getInner:function(){return l.find(e._classes.boxInner)},getTitle:function(){return l.find(e._classes.title)},getContet:function(){return l.find(e._classes.content)},getButtons:function(){return l.find(e._classes.buttons).find("a")},setTitle:function(t){return l.find(e._classes.title+" h3").html(t),l.find(e._classes.title+" h3").size()>0},setContent:function(t){return l.find(e._classes.content).html(t),l.find(e._classes.content).size()>0}}},d.init(),d.actions}}(jQuery);
\ No newline at end of file