// JavaScript Document
var x=$(document);
x.ready(inicializo);

function inicializo(){
	//Funciones del panel
	$(".btn-slide").click(apagarPanel);
	$("#boton").click(guardarDatos);
	$("#bot_anterior").click(paginaAnterior);
	$("#bot_siguiente").click(paginaSiguiente);
	//cargo la pagina 0
	cargoPagina(0);
	}

function apagarPanel(){
	$("#panel").slideToggle("slow");
	$(this).toggleClass("active"); 
	return false;
	}
	
function guardarDatos(){
	var menNom=$("#nombre").attr("value");
	var menCorr=$("#correo").attr("value");
	var menText=$("#texto").attr("value");
//	alert(menNom)
//	alert(menCorr)
//	alert(menText)
	menNom=menNom.substr(0,50);
	menCorr=menCorr.substr(0,150);
	menText=menText.substr(0,900);
	menText=sentenceCase(menText);
	$.ajax({
		   async: true,
		   type: "POST",
		   dataType: "html",
		   contentType: "application/x-www-form-urlencoded",
		   url: "guardarDatos.php",
		   data: "menNom=" + menNom + "&menCorr=" + menCorr + "&menText=" + menText,
		   success: todoOk,
		   timeout: 4000,
		   error: problemas
		   }); 
	}
	
function problemas(){
	var x=$("#avisos");
	x.text("Error de conectividad, reintente luego");
	}
	
function todoOk(resultado){
	var menNom=$("#nombre");
	var menCorr=$("#correo");
	var menText=$("#texto");
	var x=$("#avisos");
	if(resultado=="ERROR"){
		x.text("Error de conectividad, reintente luego");
		}
	else {
		if (resultado=="VACIO"){
			x.text("Los datos son obligatorios");
		}
		else{
			apagarPanel();
			menNom.attr("value","");
			menCorr.attr("value","");
			menText.attr("value","");
			$.ajax({
				   async: true,
				   type: "GET",
				   dataType: "html",
				   contentType: "application/x-www-form-urlencoded",
				   url: "traigoDatos.php",
				   data: "pagina=0",
				   success: recargarPaginas,
				   timeout: 4000,
				   error: problemas
				   }); 
			}
		}
	}
	
function recargarPaginas(resultado){
	var der=$("#columna_der");
	var izq=$("#columna_izq");
	var maxP=$("#maxPags");
	var pagA=$("#pagAct");
	//separo los datos
	datos=resultado.split("|");
	//guardo los valores de la pagina actual y las totales
	maxP.attr("value",datos[0]);
	pagA.attr("value",datos[7]);
	//guardo los datos en sus divs de las paginas
//	izq.html("<strong>" + datos[1] + "</strong><br><br>" + datos[2] + "</br></br><center>" + datos[3] + "</center>");
//	der.html("<strong>" + datos[4] + "</strong><br><br>" + datos[5] + "</br></br><center>" + datos[6] + "</center>");
	izq.html("<strong>" + datos[1] + "</strong><br><br>" + datos[2] + "</br></br>");
	der.html("<strong>" + datos[4] + "</strong><br><br>" + datos[5] + "</br></br>");
	}
	
function cargoPagina(pagina){
	var x=$("#errores").html("");
	$.ajax({
		   async: true,
		   type: "GET",
		   dataType: "html",
		   contentType: "application/x-www-form-urlencoded",
		   url: "traigoDatos.php",
		   data: "pagina=" + pagina,
		   success: recargarPaginas,
		   timeout: 4000,
		   error: problemas
		   }); 
	}
	
function paginaAnterior(){
	var maxP=parseInt($("#maxPags").attr("value"));
	var pagA=parseInt($("#pagAct").attr("value"));
	var x=$("#errores");
	$("#bot_anterior").show();
	$("#bot_siguiente").show();

	if (pagA<maxP){
		//alert(pagA)
		//alert(maxP)
		if((pagA+1)==maxP){
			$("#bot_siguiente").hide();
			}
		cargoPagina(pagA+1)
		}
	else {
		x.html("<strong>"+"NO HAY MAS MENSAJES"+"</strong>");
		}
	}
	
function paginaSiguiente(){
	var maxP=parseInt($("#maxPags").attr("value"));
	var pagA=parseInt($("#pagAct").attr("value"));
	var x=$("#errores");
	if (pagA>0){
		cargoPagina(pagA-1)
		}
	else {
		x.html("<strong>"+"NO HAY MAS MENSAJES"+"</strong>");
		}
	}
	
function cuantoCaracter(){
	var x=$("#avisos");
	var UsuComent = $('#texto').attr("value");

	if(UsuComent.length >= 900){
		x.html("Se lleg&oacute; a la cantidad m&aacute;xima de caracteres.");
		$('#texto').attr("value",$('#texto').attr("value").substr(0,899))
	}
}

function sentenceCase(theText) {
return theText.toLowerCase().replace(/(^\s*\w|[\.\!\?]\s*\w)/g,function(c){return c.toUpperCase()});

}