$(document).ready( function()
{
  
  // Lee el XML
  $.ajax({
    type: "GET",
    url: "xml/fiestas.xml",
    dataType: ($.browser.msie) ? "text" : "xml",
    success: function(data)
    {
       var xml;
       if (typeof data == "string") {
         xml = new ActiveXObject("Microsoft.XMLDOM");
         xml.async = false;
         xml.loadXML(data);
       } else {
         xml = data;
       }
       procesarXML(xml);
    },
    error: function(xml) { alert(xml.responseText); }
  }); 
  
});

function procesarXML(xml)
{
  $xml = $(xml);
  $xml = $xml.find('calendario');
  cargaPrincipal($xml);
  cargaCalendario($xml);
}

var tituloP = '';
var fechaMostrarP = '';
var descripcionP = '';
var infoP = '';

// CARGA DE LA FIESTA PRINCIPAL
function cargaPrincipal($xml){
	$('#tablaFiestaActual').empty();
	var $fiesta = $('fiesta', $xml);
	var numDias = -1;
	$.each($fiesta, function(index){
		var id = $(this).find('id').text();
		var titulo = $(this).find('titulo').text();
		var fecha = $(this).find('fecha').text();
		var fechaPub = new Date();
		var fechaActual = new Date();
		fechaActual.setDate(fechaActual.getDate() + 1); // Caduca un dia despues
		fechaPub.setFullYear(fecha.substring(6), (fecha.substring(3, 5) - 1), fecha.substring(0, 2));
		if ((fechaActual - fechaPub) > 1) {
			return true;
		}
		var fechaMostrar = $(this).find('fechaPub').text();
		fecha = fecha.substring(0, fecha.length - 5);
		var descripcion = $(this).find('descripcion').text();
		var info = $(this).find('info').text();
		if (numDias == -1 || (fechaPub - fechaActual) < numDias) {
			numDias = fechaPub - fechaActual;
			tituloP = titulo;
			fechaMostrarP = fechaMostrar;
			descripcionP = descripcion;
			infoP = info;
		}
	});

	var celda = '<tr>';
	celda += '<td width="100%" class="txtTituloFiestaDest"><strong><h2>' + tituloP + '</h2></strong></td>';
	celda += '</tr><tr>';
	celda += '<td width="50px" class="txtFechaDest"><h2><em>' + fechaMostrarP + '</em></h2></td>';
	celda += '</tr><tr>';
	celda += '<p><td width="100%" class="txtDescripcionDest">' + descripcionP + '</td></p>';
	celda += '</tr><tr>';
	celda += '<td width="100%" class="txtMasInfoDest" >' + infoP + '</td>';
	celda += '</tr>';

	$(celda).appendTo('#tablaFiestaActual');
}
  // CARGA DE LAS FIESAS EN LA PARTE DE ABAJO
function cargaCalendario($xml){
	$('#tablacalendario').empty();
	var $fiesta = $('fiesta', $xml);
	
	var numDias = -1;
	var arrDias = 
	
	$.each($fiesta, function(index){
		var id = $(this).find('id').text();
		var titulo = $(this).find('titulo').text();
		var fecha = $(this).find('fecha').text();
		var fechaPub = new Date();
		var fechaActual = new Date();
		fechaActual.setDate(fechaActual.getDate() + 1); // Caduca un dia despues
		fechaPub.setFullYear(fecha.substring(6), (fecha.substring(3, 5) - 1), fecha.substring(0, 2));
		if ((fechaActual - fechaPub) > 0 || titulo == tituloP) {
			return true;
		}
		var fechaMostrar = $(this).find('fechaPub').text();
		fecha = fecha.substring(0, fecha.length - 5);
		var descripcion = $(this).find('descripcion').text();
		var info = $(this).find('info').text();
		var celda = '<tr>';
		celda += '<td width="100%" class="txtTituloFiesta" cellpadding="0" cellspacing="0"><strong>' + titulo + '</strong></td>';
		celda += '</tr><tr>';
		celda += '<td width="100%" class="txtDescripcion" cellpadding="0" cellspacing="0">' + descripcion + '</td>';
		celda += '</tr><tr>';
		celda += '<td width="100%" class="txtMasInfo" cellpadding="0" cellspacing="0">' + info + '</td>';
		celda += '</tr>';
	
		$(celda).appendTo('#tablacalendario');
	});
}