/*
 * @Autor: Claudio Ulloa Merino
 * Descripcion: Plugin (confirm) sencillo para generar confirms de error y advertencias
 * Dependencias: Necesita de los estilos generados por las librerias de UI
 * Modo de utilizacion
 * $("#div").confirm('Error','Lamentablemente ocurrío un error inesperado');
 * $("#div").confirm('Advertencia','Si cierra el navegador perderá los datos ingresados');
 */
 
 ( function($) {
    $.fn.myConfirm = function(mensaje , callback, titulo){       
		if(titulo == null)
			titulo = 'confirmacion';
			$(this).dialog('destroy');
		$(this).dialog({autoOpen:false,minHeight:100,Height:120,resizable:false,title:titulo,closeOnEscape: false, close:function (event, ui){ var res = null; if ($(this).find('.confirm-result').val() == 'true') res = true;if ($(this).find('.confirm-result').val() == 'false') res = false;if(callback)callback(res)}});
		$(this).html('<div style="margin:0 auto 0 auto; width:100%;" class="ui-estado-azul">\
					 	<div>\
					 	<span class="ui-icon ui-icon-alert" style="float: left; margin-right: 0.3em;"/><p>'+mensaje+'</p>\
						</div>\
					 	<div style="margin:0 auto 0 auto; width:100%;text-align:center">\
							<!--<img class="confirm-si" src="ui/img/si.gif"/>&nbsp;&nbsp;<img class="confirm-no" src="ui/img/no.gif"/>-->\
							<input class="confirm-si" type="button" value="&nbsp;&nbsp;Si&nbsp;&nbsp;"/>&nbsp;&nbsp;<input class="confirm-no" type="button" value="&nbsp;&nbsp;No&nbsp;&nbsp;"/>\
							<input type="hidden" class="confirm-result" value=""/>\
						</div>\
					</div>');		
		$(this).find(".confirm-si").click(
			function (){
				conf = $(this).parent().parent().parent();
				$(this).siblings(".confirm-result").val('true');
				$(conf).dialog('close');
			});
		$(this).find(".confirm-no").click(
			function (){
				conf = $(this).parent().parent().parent();
				$(this).siblings(".confirm-result").val('false');
				$(conf).dialog('close');
				
			});
		$(this).dialog('open');
	};
})(jQuery);
 
 ( function($) {
    $.fn.myAlert = function(mensaje , callback, titulo, opciones){
		
		opciones_default = {
			width : '320px',
			tam	  : '1em;'
    	};
		
		opc = $.extend(opciones_default , opciones);
		$(this).dialog('destroy');
		if(titulo == null)
			titulo = 'Alerta';
		$(this).dialog({autoOpen:false, width: opc.width, minHeight:100,Height:120,resizable:false,title:titulo,closeOnEscape: false, close:function (event, ui){ var res = null; if ($(this).find('.confirm-result').val() == 'true') res = true; if(callback)callback(res)}});
		$(this).html('<div class="ui-estado-amarillo">\
					 	<span class="ui-icon ui-icon-info" style="float: left; margin-right: 0.3em;"></span><p style="font-size:'+opc.tam+'">'+mensaje+'</p>\
					 	<div align="center">\
							<input class="confirm-ok" type="button" value="&nbsp;&nbsp;Ok&nbsp;&nbsp;"/>\
							<input type="hidden" class="confirm-result" value=""/>\
						</div>\
					</div>');		
		
		$(this).find(".confirm-ok").click(
			function (){
				conf = $(this).parent().parent().parent();
				$(this).siblings(".confirm-result").val('true');
				$(conf).dialog('close');
				
			});
		$(this).dialog('open');
	};
})(jQuery);