$(function() {
    $('<div id="cargando">Cargando...</div>')
        .ajaxStart(function() {$(this).show();})
        .ajaxStop(function() {$(this).hide();})
        .appendTo('#bordecabecera');
	
	//enviar formulario datos administradorIndex
    $('#formularioComentario').ajaxForm({ 
        dataType:  'json', 
		beforeSubmit:function() { 
			$("#enviar").attr("disabled", "disabled");
        	$("#enviar").attr("value", "Enviando...");
    	},
        success:
		function(datos) { 
			procesarJson(datos, $("#formularioComentario").attr("id"));
			$("#enviar").removeAttr("disabled");
        	$("#enviar").attr("value", "Enviar Consulta");
        	
    	} 
    });
	//enviar formulario datos administradorIndex
    $('#formularioSeccion').ajaxForm({ 
        dataType:  'json', 
		beforeSubmit:function() { 
			$("#enviar").attr("disabled", "disabled");
        	$("#enviar").attr("value", "Enviando...");
    	},
        success:
		function(datos) { 
			procesarJson(datos, $("#formularioSeccion").attr("id"));
			$("#enviar").removeAttr("disabled");
        	$("#enviar").attr("value", "Enviar Consulta");
        	
    	} 
    });
	
		
   
});

function procesarJson(datos, idForm) {
	$("div").remove("#info");//removemos todos los mensajes de error del formulario
	$.each(datos, function(i,item){  
	//alert(i);
		if(i == 'aviso'){//dependiendo de si es un error de un input o uno general
			html='<div id="info"><div id="infoCerrar"><img src="/vistas/web/img/borrar.png" alt="Cerrar"/></div><ul>';
			if (typeof item == 'string') {//si el mensaje es un simple string, se devuelve un li simple
				html += '<li>' + item + '</li>';
			}
			else {
				$.each(item, function(j, msgformulario){ //recorrer los elementos del formulario para listarlos
					html += '<li>' + msgformulario + '</li>';
				});
			}
			html+='</ul></div>';
			$(html).insertAfter("#antesFormulario");//mostramos mensajes de error obtenidos con json
			
			//efecto parpadeante
			$("#info").fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600);
			
			//Habilita un boton para cerrar la caja de info
			$("#infoCerrar").click(function () { 
      			$("div").remove("#info");
    		});
		}
		
	});
	if(datos.error == false){
		$("#" + idForm).resetForm();
				
	}
}