/*
 * @Autor: Claudio Ulloa Merino
 * Descripcion: Plugin (Alerta) sencillo para generar alertas de error y advertencias
 * Dependencias: Necesita de los estilos generados por las librerias de UI
 * Modo de utilizacion
 * $("#div").alerta('Error','Lamentablemente ocurrío un error inesperado');
 * $("#div").alerta('Advertencia','Si cierra el navegador perderá los datos ingresados');
 */
 
 ( function($) {
    $.fn.alerta = function(tipo, mensaje,opciones_user){
        
		/*
	  	Opciones: Titulo, y ancho de la alerta
		*/
		opciones_default = {
			Titulo : null,
			width : '95%',
			tam	  : '1.2em;'
    	};
		opc = $.extend(opciones_default , opciones_user);
		if(opc.Titulo == null) {
			if(tipo == 'Error'){
				opc.Titulo = 'Atención';
			}
			if(tipo == 'Advertencia'){			
				opc.Titulo = 'Importante';
			}
		}
		
		this.attr('class','ui-widget');
		if(tipo == 'Error'){
			if(mensaje == ''){
				mensaje = this.html();
			}
			this.html("<div style=\"width:"+opc.width+";text-align: justify;\" class=\"ui-state-error ui-corner-all\" style=\"padding: 1em;\">\
						<p style=\"font-size:"+opc.tam+"\"><span class=\"ui-icon ui-icon-alert\" style=\"float: left; margin-right: 0.3em;\"></span>\
						<strong>"+opc.Titulo+":</strong><br/><br/>&nbsp;&nbsp;"+mensaje+".</p>\
					</div>");
		}
		
		if(tipo == 'Advertencia'){
			if(mensaje == ''){
				mensaje = this.html();
			}
			this.html("<div style=\"width:"+opc.width+";\" class=\"ui-state-highlight ui-corner-all\" style=\"padding: 1em; margin-top: 20px;\">\
					<p style=\"font-size:"+opc.tam+"\"><span class=\"ui-icon ui-icon-info\" style=\"float: left; margin-right: 0.3em;\"></span>\
					<strong>"+opc.Titulo+":</strong><br/><br/>&nbsp;&nbsp;"+mensaje+".</p>\
				</div>");

		}
    };

    

})(jQuery);