function buscar(e) {
    if (e.keyCode == 13) {
        var tb = document.getElementById("buscar");
        window.location = "http://www.centinelasdeltiempo.org/raiz/buscar/"+tb.value;
        return false;
    }
}
$(function() {
	$.datepicker.setDefaults( $.datepicker.regional['es']);
	$( ".datepicker" ).datepicker({defaultDate: "1993-01-01", dateFormat: 'yy-mm-dd',	changeYear: true});
	jQuery(".validar").validationEngine('attach');
	$.getJSON(base_url+"raiz/restantes/"+id_usuarios, function(data) {
			 $("#urbanos_oculto").val(data.urbanos);
			 $("#rurales_oculto").val(data.rurales);
			 $("#silvestres_oculto").val(data.silvestres);
		 });
	$("#categoria").change(function() {
		$("#status").html("");
	   avisar();
	});
	$( "#accordion" ).accordion({fillSpace: true});
	setTimeout(avisar,1000);
	 $(".lightbox").lightbox();
	 $("#btn_iniciar").click(function() {
	  var html = $("<div id=\"login\"><form action=\"http://www.centinelasdeltiempo.org/raiz/kerberos.html\" method=\"post\" accept-charset=\"utf-8\" class=\"forma validar\" id=\"login\">        <p align=\"center\"><label for=\"usuario\">Usuario <span class=\"rojo\">*</span></label><input type=\"text\" tabindex=\"4\" id=\"usuario\" name=\"usuario\" size=\"16\" class=\"validate[required] text-input login_footer\" /><br><label for=\"password\">Contraseña <span class=\"rojo\">*</span></label><input type=\"password\" tabindex=\"4\" id=\"password\" name=\"password\" size=\"16\" class=\"validate[required] text-input login_footer\" /><br><a href=\"http://www.centinelasdeltiempo.org/raiz/recuperar.html\">Olvidé mi Contreseña</a> &nbsp;&nbsp;&nbsp;<input type=\"submit\" tabindex=\"14\" id=\"recuperar\" name=\"Recuperar\" value=\"Entrar\" class=\"input-button\" /> </p></form></div>");
	
	  $.lightbox(html, {
		width   : 350,
		height  : 150
	  });
	  
	  return false;
	});
	
	
	
	$('.tabla').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					"oLanguage": {
						"sProcessing": "Procesadno...",
						"sLengthMenu": "Mostrar _MENU_ registros",
						"sZeroRecords": "No se encontraron registros",
						"sEmptyTable": "No hay datos disponibles en la tabla",
						"sLoadingRecords": "Cargando...",
						"sInfo": "Mostrando _START_ a _END_ de _TOTAL_ registros",
						"sInfoEmpty": "Mostrando 0 a 0 de 0 registros",
						"sInfoFiltered": "(filtrado de _MAX_ registros totales)",
						"sInfoPostFix": "",
						"sInfoThousands": ",",
						"sSearch": "Buscar:",
						"sUrl": "",
						"oPaginate": {
							"sFirst":    "Primera",
							"sPrevious": "Anterior",
							"sNext":     "Siguiente",
							"sLast":     "Última"
						}
					}
				} );
});

function avisar (){
	
	switch($("#categoria").val()){
		 case "urbano":
		  	$("#urbano").show();
		 	$("#rural").hide();
			if ($("#urbanos_oculto").val() == 0) {
				$("#status").html("No has subido ningún árbol a esta categoría.");
				$("#cat").show();
				}
			if ($("#urbanos_oculto").val() > 0) {
				$("#status").html("<span class='rojo'>Lo sentimos, ya llegaste al máximo de árboles que puedes subir en esta categoría.</span>");
				$("#cat").hide();
				}
		 break; 
		 case "rural":
		  	$("#urbano").hide();
		 	$("#rural").show();
			if ($("#rurales_oculto").val() == 0) {
				$("#status").html("No has subido ningún árbol a esta categoría.");
				$("#cat").show();
				}
			if ($("#rurales_oculto").val() > 0) {
				$("#status").html("<span class='rojo'>Lo sentimos, ya llegaste al máximo de árboles que puedes subir en esta categoría.</span>");
				$("#cat").hide();
				}
		 break; 
		 case "silvestre":
		  	$("#urbano").hide();
		 	$("#rural").show();
			if ($("#silvestres_oculto").val() == 0) {
				$("#status").html("No has subido ningún árbol a esta categoría.");
				$("#cat").show();
				}
			if ($("#silvestres_oculto").val() > 0) {
				$("#status").html("<span class='rojo'>Lo sentimos, ya llegaste al máximo de árboles que puedes subir en esta categoría.</span>");
				$("#cat").hide();
				}
		 break; 
		 default:
		 	
	  }
	  
}

function colonias (){
	var tamano = $("#cp").val().length;
	if (tamano == 5){
		var cp = $("#cp").val();
		$.getJSON(base_url+"raiz/cp/"+cp, function(data) {
			$('#colonia').children().remove().end();
		   $.each(data, function(i,item){
			  $('#colonia').append(
					$('<option></option>').val(item.col).html(item.col)
				);
			  $('#municipio').val(item.muni);
			  $('#estado').val(item.estado);
			});
		 });
	}
	
}


function restantes (){
	$.getJSON(base_url+"raiz/restantes/"+id_usuarios, function(data) {
			  urbanos = data.urbanos;
			  rurales = data.rurales;
			  silvestres = data.silvestres;
		 });
}

function datos(foto) {
	switch (foto){
		case 1:
	  		var html = $("Árbol: CAOBA<ul><li>Nombre científico: Swietenia macrophylla</li><li>Comunidad: Ejido Noh Bec</li><li>Municipio: Felipe Carrillo Puerto</li><li>Estado: Quintana Roo</li><li>Altura aproximada: 60 metros</li></ul>");
	  	break;
		case 2:
			var html = $("Árbol: PATA DE ELEFANTE<ul><li>Nombre científico: Beaucarnea sp.</li><li>Área Natural Protegida: Reserva de la Biosfera Tehuacán-Cuicatlán</li><li>Municipio: Zapotitlán de las Salinas</li><li>Estado: Puebla – Oaxaca</li><li>Altura aproximada: 9 metros</li></ul>");
		break;
		case 3:
			var html = $("Árbol: CEIBA<ul><li>Nombre científico: Ceiba pentandra</li><li>Área Natural Protegida: Reserva de la Biosfera Montes Azules</li><li>Estado: Chiapas</li><li>Altura aproximada: 45 metros</li></ul>");
		break;
		case 4:
			var html = $("Árbol: OYAMEL<ul><li>Nombre científico: Abies religiosa</li><li>Comunidad: La Marquesa</li><li>Municipio: Ocoyoacac</li><li>Estado: Estado de México</li></ul>");
		break;
		case 5:
			var html = $("Árbol: HIGUERA<ul><li>Nombre científico: Ficus sp.</li><li>Comunidad: Paso del Herrero</li><li>Municipio: Río Verde</li><li>Estado: San Luis Potosí</li><li>Altura aproximada: 23 metros</li></ul>");
		break;
		case 6:
			var html = $("Árbol: YUCA<ul><li>Nombre científico: Yucca filamentosa</li><li>Comunidad: Santa Rosa</li><li>Estado: Querétaro</li><li>Altura aproximada: 16 metros</li></ul>");
		break;
		case 7:
			var html = $("Árbol: Encino<ul><li>Nombre científico: Quercus rugosa</li><li>Comunidad: Acambay</li><li>Municipio: Acambay</li><li>Estado: Estado de México</li><li>Altura aproximada: 20 metros</li></ul>");
		break;
		case 8:
			var html = $("Árbol: AHUEHUETE<ul><li>Nombre científico: Taxodium mucronatum</li><li>Comunidad: Chalma</li><li>Municipio: Malinalco</li><li>Estado: Estado de México</li><li>Altura aproximada: 40 metros</li></ul>");
		break;
		case 9:
			var html = $("Árbol: CEIBA<ul><li>Nombre científico: Ceiba pentandra</li><li>Municipio: Chiapa de Corzo</li><li>Estado: Chiapas</li><li>Altura aproximada: 40 metros</li></ul>");
		break;
		case 10:
			var html = $("Árbol: AHUEHUETE<ul><li>Nombre científico: Taxodium mucronatum</li><li>Municipio: Cholula</li><li>Estado: Puebla</li><li>Altura aproximada: 40 metros</li></ul>");
		break;
		case 11:
			var html = $("Árbol: ENCINO<ul><li>Nombre científico: Quercus ilex</li><li>Estado: Oaxaca</li><li>Altura aproximada: 12 metros</li></ul>");
		break;
		case 12:
			var html = $("Árbol: FRESNO<ul><li>Nombre científico: Fraxinus angustifolia</li><li>Estado: Jalisco</li><li>Altura aproximada: 32 metros</li></ul>");
		break;
		case 13:
			var html = $("Árbol: AHUEHUETE<ul><li>Nombre científico: Taxodium mucronatum</li><li>Estado: Guanajuato</li><li>Altura aproximada: 19.5 metros</li></ul>");
		break;
		case 14:
			var html = $("Árbol: HUANACAXTLE<ul><li>Nombre científico: Enterolobium ciclocarpum</li><li>Estado: Veracruz</li><li>Altura aproximada: 18 metros</li></ul>");
		break;
		case 15:
			var html = $("Árbol: AHUEHUETE<ul><li>Nombre científico: Taxodium mucronatum</li><li>Estado: Nayarit</li><li>Altura aproximada: 60 metros</li></ul>");
		break;
		case 16:
			var html = $("Árbol: CHICOZAPOTE<ul><li>Nombre científico: Manilkara zapota</li><li>Estado: Chiapas</li><li>Altura aproximada: 22 metros</li></ul>");
		break;
		case 17:
			var html = $("Árbol: CEIBA<ul><li>Nombre científico: Ceiba pentandra</li><li>Estado: Jalisco</li><li>Altura aproximada: 32 metros</li></ul>");
		break;
	}
	
	  $.lightbox(html, {
		width   : 350,
		height  : 150
	  });
	  
	  return false;
	}