////////////////////////////////////////////////////////////////////////////////////////////////////
//                                            abAlert                                             //
////////////////////////////////////////////////////////////////////////////////////////////////////
// Crea el cuadro de alerta personalizada en el DOM
function abAlert(txt){
	modal({
	    type: 'alert', //Type of Modal Box (alert | confirm | prompt | success | warning | error | info | inverted | primary)
	    title: '¡Atención!', //Modal Title
	    text: txt, //Modal HTML Content
	    size: 'normal', //Modal Size (normal | large | small)
	    buttons: [{
	        text: 'OK', //Button Text
	        val: 'ok', //Button Value
	        eKey: true, //Enter Keypress
	        addClass: 'btn-light-blue', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
	        onClick: function(dialog) {
	            return true;
	        }
	    }, ],
	    center: true, //Center Modal Box?
	    autoclose: false, //Auto Close Modal Box?
	    callback: null, //Callback Function after close Modal (ex: function(result){alert(result); return true;})
	    onShow: function(event) {
		}, //After show Modal function
	    closeClick: true, //Close Modal on click near the box
	    closable: true, //If Modal is closable
	    theme: 'atlant', //Modal Custom Theme (xenon | atlant | reseted)
	    animate: false, //Slide animation
	    background: 'rgba(0,0,0,0.35)', //Background Color, it can be null
	    zIndex: 1050, //z-index
	    buttonText: {
	        ok: 'OK',
	        yes: 'Sí',
	        cancel: 'Cancelar'
	    },
	    template: '<div class="modal-box"><div class="modal-inner"><div class="title-modal"><a class="modal-close-btn"></a></div><div class="modal-text"></div><div class="modal-buttons"></div></div></div>',
	    _classes: {
	        box: '.modal-box',
	        boxInner: ".modal-inner",
	        title: '.title-modal',
	        content: '.modal-text',
	        buttons: '.modal-buttons',
	        closebtn: '.modal-close-btn'
	    }
	});	
}// abAlert
// Crea el cuadro de alerta personalizada en el DOM
function abSuccess(txt){
	modal({
		type: 'success', //Type of Modal Box (alert | confirm | prompt | success | warning | error | info | inverted | primary)
		title: '¡OK!', //Modal Title
		text: txt, //Modal HTML Content
		size: 'normal', //Modal Size (normal | large | small)
		buttons: [{
			text: 'OK', //Button Text
			val: 'ok', //Button Value
			eKey: true, //Enter Keypress
			addClass: 'btn-light-blue', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
			onClick: function(dialog) {
				return true;
			}
		}, ],
		center: true, //Center Modal Box?
		autoclose: false, //Auto Close Modal Box?
		callback: null, //Callback Function after close Modal (ex: function(result){alert(result); return true;})
		onShow: function(event) {
		}, //After show Modal function
		closeClick: true, //Close Modal on click near the box
		closable: true, //If Modal is closable
		theme: 'atlant', //Modal Custom Theme (xenon | atlant | reseted)
		animate: false, //Slide animation
		background: 'rgba(0,0,0,0.35)', //Background Color, it can be null
		zIndex: 1050, //z-index
		buttonText: {
			ok: 'OK',
			yes: 'Sí',
			cancel: 'Cancelar'
		},
		template: '<div class="modal-box"><div class="modal-inner"><div class="title-modal"><a class="modal-close-btn"></a></div><div class="modal-text"></div><div class="modal-buttons"></div></div></div>',
		_classes: {
			box: '.modal-box',
			boxInner: ".modal-inner",
			title: '.title-modal',
			content: '.modal-text',
			buttons: '.modal-buttons',
			closebtn: '.modal-close-btn'
		}
	});	
}// abAlert
////////////////////////////////////////////////////////////////////////////////////////////////////
//                                           abConfirm                                            //
////////////////////////////////////////////////////////////////////////////////////////////////////
// Crea el cuadro de alerta personalizada en el DOM
function abConfirm(txt, abConfirmCallback){
	modal({
	    type: 'info', //Type of Modal Box (alert | confirm | prompt | success | warning | error | info | inverted | primary)
	    title: '¡Atención!', //Modal Title
	    text: txt, //Modal HTML Content
	    size: 'normal', //Modal Size (normal | large | small)
		   buttons: [{
			text: 'Sí', //Button Text
			val: 'ok', //Button Value
			eKey: true, //Enter Keypress
			addClass: 'btn-light-blue', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
			onClick: function(dialog) {
				abConfirmCallback();
				return true;
			}
		}, {
			text: 'No', //Button Text
			val: 'ok', //Button Value
			eKey: true, //Enter Keypress
			addClass: 'btn-light-red', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
			onClick: function(dialog) {
				return true;
			}
		},],
	    center: true, //Center Modal Box?
	    autoclose: false, //Auto Close Modal Box?
	    callback: null, //Callback Function after close Modal (ex: function(result){alert(result); return true;})
	    onShow: function(event) {
		}, //After show Modal function
	    closeClick: true, //Close Modal on click near the box
	    closable: true, //If Modal is closable
	    theme: 'xenon', //Modal Custom Theme (xenon | atlant | reseted)
	    animate: true, //Slide animation
	    background: 'rgba(0,0,0,0.35)', //Background Color, it can be null
	    zIndex: 1050, //z-index
	    buttonText: {
	        ok: 'OK',
	        yes: 'Sí',
	        cancel: 'Cancelar'
	    },
	    template: '<div class="modal-box"><div class="modal-inner"><div class="title-modal"><a class="modal-close-btn"></a></div><div class="modal-text"></div><div class="modal-buttons"></div></div></div>',
	    _classes: {
	        box: '.modal-box',
	        boxInner: ".modal-inner",
	        title: '.title-modal',
	        content: '.modal-text',
	        buttons: '.modal-buttons',
	        closebtn: '.modal-close-btn'
	    }
	});	
}// abConfirm
////////////////////////////////////////////////////////////////////////////////////////////////////
//                                           abError                                            //
////////////////////////////////////////////////////////////////////////////////////////////////////
// Crea el cuadro de error personalizada en el DOM
function abAdvertencia(txt){
	modal({
	    type: 'warning', //Type of Modal Box (alert | confirm | prompt | success | warning | error | info | inverted | primary)
	    title: 'Advertencia', //Modal Title
	    text: txt, //Modal HTML Content
	    size: 'normal', //Modal Size (normal | large | small)
	    buttons: [{
	        text: 'OK', //Button Text
	        val: 'ok', //Button Value
	        eKey: true, //Enter Keypress
	        addClass: 'btn-light-blue', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
	        onClick: function(dialog) {
	            return true;
	        }
	    }, ],
	    center: true, //Center Modal Box?
	    autoclose: false, //Auto Close Modal Box?
	    callback: null, //Callback Function after close Modal (ex: function(result){alert(result); return true;})
	    onShow: function(r) {}, //After show Modal function
	    closeClick: true, //Close Modal on click near the box
	    closable: true, //If Modal is closable
	    theme: 'atlant', //Modal Custom Theme (xenon | atlant | reseted)
	    animate: false, //Slide animation
	    background: 'rgba(0,0,0,0.35)', //Background Color, it can be null
	    zIndex: 1050, //z-index
	    buttonText: {
	       ok: 'OK',
	        yes: 'Sí',
	        cancel: 'Cancelar'
	    },
	    template: '<div class="modal-box"><div class="modal-inner"><div class="title-modal"><a class="modal-close-btn"></a></div><div class="modal-text"></div><div class="modal-buttons"></div></div></div>',
	    _classes: {
	        box: '.modal-box',
	        boxInner: ".modal-inner",
	        title: '.title-modal',
	        content: '.modal-text',
	        buttons: '.modal-buttons',
	        closebtn: '.modal-close-btn'
	    }
	});
}// abAlert
// Crea el cuadro de error personalizada en el DOM
function abError(txt){
	modal({
	    type: 'error', //Type of Modal Box (alert | confirm | prompt | success | warning | error | info | inverted | primary)
	    title: 'Error', //Modal Title
	    text: txt, //Modal HTML Content
	    size: 'normal', //Modal Size (normal | large | small)
	    buttons: [{
	        text: 'OK', //Button Text
	        val: 'ok', //Button Value
	        eKey: true, //Enter Keypress
	        addClass: 'btn-light-blue', //Button Classes (btn-large | btn-small | btn-green | btn-light-green | btn-purple | btn-orange | btn-pink | btn-turquoise | btn-blue | btn-light-blue | btn-light-red | btn-red | btn-yellow | btn-white | btn-black | btn-rounded | btn-circle | btn-square | btn-disabled)
	        onClick: function(dialog) {
	            return true;
	        }
	    }, ],
	    center: true, //Center Modal Box?
	    autoclose: false, //Auto Close Modal Box?
	    callback: null, //Callback Function after close Modal (ex: function(result){alert(result); return true;})
	    onShow: function(r) {}, //After show Modal function
	    closeClick: true, //Close Modal on click near the box
	    closable: true, //If Modal is closable
	    theme: 'atlant', //Modal Custom Theme (xenon | atlant | reseted)
	    animate: false, //Slide animation
	    background: 'rgba(0,0,0,0.35)', //Background Color, it can be null
	    zIndex: 1050, //z-index
	    buttonText: {
	        ok: 'OK',
	        yes: 'Sí',
	        cancel: 'Cancelar'
	    },
	    template: '<div class="modal-box"><div class="modal-inner"><div class="title-modal"><a class="modal-close-btn"></a></div><div class="modal-text"></div><div class="modal-buttons"></div></div></div>',
	    _classes: {
	        box: '.modal-box',
	        boxInner: ".modal-inner",
	        title: '.title-modal',
	        content: '.modal-text',
	        buttons: '.modal-buttons',
	        closebtn: '.modal-close-btn'
	    }
	});
}// abAlert