// JavaScript Document
$(document).ready(function(){
	$('.divControles_Temas_Titulo').mouseover(cambiaEstiloTemasOver);
	$('.divControles_Temas_Titulo').mouseout(cambiaEstiloTemasOut);
	$('.divControles_Temas_Titulo').click(sel_tema);
	$('#registrar').click(valida_campos);
	$('#guardar').click(valida_campos_respuesta);
	$('#acepta').click(muestra_reglas);
	muestra_reglas();
});

cambiaEstiloTemasOver = function(){
	var id = this.id;
	var prefijo = id.substr(0, id.lastIndexOf("_") + 1);
	var idTema  = id.substr(id.lastIndexOf("_") + 1);
	//alert(prefijo);
	
    $('#' + prefijo + 'num_' + idTema).css("background-color","#CC0000");
}

cambiaEstiloTemasOut = function(){
	var id = this.id;
	var prefijo = id.substr(0, id.lastIndexOf("_") + 1);
	var idTema  = id.substr(id.lastIndexOf("_") + 1);
	$('#' + prefijo + 'num_' + idTema).css("background-color","#666666");
}

sel_tema = function(){
	var idTema = this.id;
	idTema = idTema.substr(idTema.lastIndexOf("_") + 1);
	location.href = "/blog_tema.php?tema=" + idTema;
}

str_replace = function(texto,s1,s2){
	return texto.split(s1).join(s2);
}

valida_campos_respuesta = function(){
	var comentario = $('#op').val();
	var respuesta  = $('#respuesta').val();	
	var msg = "";
	if(respuesta == ""){
		msg = "Debe introducir la respuesta\n¡Gracias!"
		alert(msg);
	}else{
		guarda_respuesta(comentario, respuesta);
	}
	
}

valida_campos = function(){
	var tema       = $('#tema').val();
	var nombre     = $('#nombre').val();
	var correo     = $('#correo').val();
	var alias      = $('#alias').val();
	var comentario = $('#comentario').val();
	//DEBO VALIDAR
	
	var msg = "";
	if(nombre == "")
		msg += "\t-Nombre\n";
	if(correo == "")
		msg += "\t-Correo electrónico\n";
	if(alias == "")
		msg += "\t-Alias\n";
	if(comentario == "")
		msg += "\t-Comentario\n";
	if(msg != ""){
		msg = "Debes introducir la siguiente información\n" + msg + "\n¡Gracias!"
		alert(msg);
	}else{
		if(!valida_correo(correo)){
			alert("La dirección de correo no es válida");
		}else if($('#acepta').attr('checked'))
			guarda_comentario(tema, nombre, correo, alias, comentario);
		else
			alert("Debes aceptar los términos y condiciones del blog para\nque tu comentario sea registrado");
	}
}

function valida_correo(mail){
	if (/^[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}$/.test(mail))
		return true
	else
		return false;
}

muestra_reglas = function(){
	if($('#acepta').attr('checked')){
		//$('#ligaReglas').click();
		$('#registrar').attr('disabled', false);
	}else{
		$('#registrar').attr('disabled', true);
	}
}

guarda_comentario = function(tema, nombre, correo, alias, comentario){
	$.ajax({
    	type:       "POST",
        url:        "/include/guarda_comentario.php",
        async:      true,
		beforeSend: function() {muestra_loading()},
        data:       "tema=" + tema + "&nombre=" + nombre + "&correo=" + correo + "&alias=" + alias + "&comentario=" + comentario,
        success:    function() { construye_vista(arguments[0]) },
        error:      function() { construye_vista("Error en la Petición al Servidor") }        
	}); 
}

guarda_respuesta = function(comentario, respuesta){
	$.ajax({
    	type:       "POST",
        url:        "/include/guarda_respuesta.php",
        async:      true,
		beforeSend: function() {muestra_loading()},
        data:       "op=" + comentario + "&respuesta=" + respuesta,
        success:    function() { construye_vista_respuesta(arguments[0]) },
        error:      function() { construye_vista_respuesta("Error en la Petición al Servidor") }        
	}); 
}

muestra_loading = function(){
	$("#divContenido_Formaulario").hide();
	$('#divContenido_Opiniones_1').html("<div align='center'><img src='/css/images/loader.gif' /></div>");
}

construye_vista = function(respuesta) {
	$('#divContenido_Opiniones_1').html(respuesta);
	$("#divContenido_Formaulario").show();
	$('#registrar').attr('disabled', true);
	$('#limpiar').click();
	window.location.href="#gracias";
}

construye_vista_respuesta = function(respuesta) {
	$('#divContenido_Opiniones_1').html(respuesta);
}

actualiza_votos = function(){
	$.ajax({
    	type:       "POST",
        url:        "/include/actualiza_nvotos.php",
        async:      true,
        data:       "tema=2",
        success:    function() { construye_vista_votos(arguments[0]) },
        error:      function() { construye_vista_votos("Error en la Petici&oacute;n al Servidor") }        
	}); 
}

construye_vista_votos = function(respuesta) {
	$("#divMejorCalificados").html(respuesta);
}