var getCalendario = null;
var xmlCalendario = null;
var CualMes=0;
//alert('primerCualMes->'+CualMes);
function CrearCalendario(QueMes){	
//alert('crearcalendario quemes->'+QueMes);
	if (window.XMLHttpRequest){
		getCalendario=new XMLHttpRequest()
	}else if (window.ActiveXObject){
		getCalendario=new ActiveXObject("Microsoft.XMLHTTP")
	}
	if (getCalendario){		
		var url="/zaragoza2016/jsp/portada/calendario.xml";
		CualMes=QueMes;
		//alert('cualmes get Calendario->'+CualMes);
		getCalendario.onreadystatechange=CambioDeEstado;
		getCalendario.open("GET",url,true);
		getCalendario.send(null);	
	}else{
		alert ("Tu explorador no soporta XMLHttpRequest");
	}
}

function CambioDeEstado(){	
	if (getCalendario.readyState == 4){
		xmlCalendario = getCalendario.responseXML;
		xmlCalendario = xmlCalendario.getElementsByTagName('cita');
		//alert('cualmes CambioDeEstado->'+CualMes);
		setCal(CualMes);
	} 	
} 

function bisiesto(Anio) {
	if (Anio % 4 == 0)
	return true
	return false
}

function diasPorMes(mes, Anio) {
var meses = new Array(12)
meses[1] = 31; // Enero
meses[2] = (((Anio % 4 == 0) && (Anio % 100 != 0)) || (Anio % 400 == 0)) ? 29 : 28
meses[3] = 31 // Marzo
meses[4] = 30 // Abril
meses[5] = 31 // Mayo
meses[6] = 30 // Junio
meses[7] = 31 // Julio
meses[8] = 31 // Agosto
meses[9] = 30 // Septiembre
meses[10] = 31 // Octubre
meses[11] = 30 // Noviembre
meses[12] = 31 // Diciembre
return meses[mes]
}

function getNombreDelMes(mes) {
var meses = new Array(12)
meses[1] = "January"
meses[2] = "February"
meses[3] = "March"
meses[4] = "April"
meses[5] = "May"
meses[6] = "June"
meses[7] = "July"
meses[8] = "August"
meses[9] = "September"
meses[10] = "October"
meses[11] = "November"
meses[12] = "December"
return meses[mes]
}

function setCal(QueMes) {
	//alert('quemes->'+QueMes);
	//var QueMes = QueMes + 1;
	var now = new Date();
	var anio = now.getYear();
	if (anio < 1000) {anio+=1900}
	var mes = now.getMonth()+QueMes;
	//alert('messetCal->'+mes);
	if (now.getMonth()+QueMes > 11) {mes-=12;anio++}
	if (now.getMonth()+QueMes < 0) {mes+=12;anio--}
	var fecha = now.getDate()
	var primerDia = new Date(anio, mes, 1)
	var primerDia2 = primerDia.getDay()
	primerDia = null
	var dias = diasPorMes(mes+1, anio)
	drawCal(primerDia2 + 7, dias, fecha, mes+1, anio)
}

function drawCal(firstDay, lastDate, date, Mes, Anio) {
//var aux = MesSeleccionado;
//alert('messelec->'+Mes);
var mesSiguiente = Mes + 1;	
var mesAnterior = Mes - 1;

//alert(mesSiguiente);
if(mesSiguiente==13)
{
	mesSiguiente = 1;
	var AnioSiguiente = Anio+1;
}
else
{
	var AnioSiguiente = Anio;	
}

if(mesAnterior==0)
{
	mesAnterior = 12;
	var AnioAnterior = Anio-1;
}
else
{
	var AnioAnterior = Anio;	
}

var now = new Date()
var codigo = ""
codigo += '<div id="calendario"><table class="tabla" width="220" cellpadding="0" cellspacing="0" border="0" background="js/calendario/f_calendario.png" style="background-repeat: no-repeat;">'
codigo += '<tr><td class="encabezado" colspan="7" valign="top"><table cellpadding="0" cellspacing="0" width="220" height="29" background="js/calendario/f_calendario.png"><tr><td width="35" align="center"><font onClick="CrearCalendario(--MesSeleccionado);" style="cursor:pointer" class="meses"> < </font></td><td width="130" align="center"><font class="meses">'
codigo += getNombreDelMes(Mes) + ' ' + Anio 
codigo += '</font></td><td width="35" align="center"><font onClick="CrearCalendario(++MesSeleccionado);" style="cursor:pointer" class="meses"> > </font></td></tr></table></td></tr>'
//codigo += '<form id="actualiza" name="actualiza" method="post" action=""><input type="hidden" name="mesActual" id="mesActual" value="'+Mes+'"><input type="hidden" name="anoActual" id="anoActual" value="'+Anio+'"></form>'
codigo += '<form id="actualizaSiguiente" name="actualizaSiguiente" method="post" action=""><input type="hidden" name="mesActual" id="mesActual" value="'+mesSiguiente+'"><input type="hidden" name="anoActual" id="anoActual" value="'+AnioSiguiente+'"></form>'
codigo += '<form id="actualizaAnterior" name="actualizaAnterior" method="post" action=""><input type="hidden" name="mesActual" id="mesActual" value="'+mesAnterior+'"><input type="hidden" name="anoActual" id="anoActual" value="'+AnioAnterior+'"></form>'
var diasSemana = new Array(7)

diasSemana[0] = "<span title=\"Lunes\">&nbsp;Mon</span>"
diasSemana[1] = "<span title=\"Martes\">Tue</span>"
diasSemana[2] = "<span title=\"Miercoles\">Wed</span>"
diasSemana[3] = "<span title=\"Jueves\">Thu</span>"
diasSemana[4] = "<span title=\"Viernes\">Fri</span>"
diasSemana[5] = "<span title=\"Sabado\">Sat</span>"
diasSemana[6] = "<span title=\"Domingo\">Sun</span>"
codigo += '<tr>'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
codigo += '<td class="celdaDiaSemana" align="center" height="24">' + diasSemana[dayNum] + '</td>' 
}
codigo += '</tr>'
	codigo += '<tr><table id="tablaTooltip" width="220" background="js/calendario/f_calendario_vacio.gif" style="background-repeat: no-repeat;background-position: bottom;text-align: center;" align="center">'
//		codigo += '<td>&nbsp;'
//		codigo += '</td>'
//	codigo += '</tr>'
var cDia = 1
var curCell = 1

for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {
codigo += '<tr>'
for (var col = 1; col <= 7; ++col) {
if (cDia > lastDate)
break
if (curCell < firstDay) {
codigo += '<td></td>';
curCell++
} else {
var textoCelda = cDia;
var textoTd = '<td class="celda" align="center">'
var textoCita = "";
var textoCita2 = "<span class='fecha_eventos_calendario'>" + getNombreDelMes(Mes) + " " + cDia + ", " + Anio + "&nbsp;</span>";
for (i=0;i<xmlCalendario.length;i++){
	
	var diaCorregido = cDia;
	if(cDia < 10) diaCorregido = "0" + cDia;
	var mesCorregido = Mes;
	if(Mes < 10) mesCorregido = "0" + Mes;
	
	var fecha = xmlCalendario[i].getAttribute('fecha');
	var fechaAction = Anio+ "-" + mesCorregido + "-" + diaCorregido
	if (fecha == cDia+ "-" + Mes + "-" + Anio){		
		var titulo = xmlCalendario[i].getAttribute('titulo');
		var descripcion = xmlCalendario[i].getAttribute('descripcion');
		var id = xmlCalendario[i].getAttribute('id');
		//alert('entra');
		textoCita = textoCita + " - " + descripcion;
		//textoCita2 = textoCita2 + " <br /><a style='color:#fff;line-height:14px;' href='/zaragoza2016/mostrarActividad.do?idActividad=" + id + "'> - " + titulo + "</a>";
		textoCita2 = textoCita2 + " <br /><a style='color:#fff;line-height:14px;' href='/zaragoza2016/agendaDeCultura/" + id + "/" + titulo + "'> - " + titulo + "</a>";
		textoCelda = '<span id="sp"><div style="width:15px;" title="'+textoCita2+'"><span class="diacita" title="">' + cDia + '</span></div></span>';
		textoTd = '<td class="celdacita" align="center">'
	}
}
textoCita = "";
textoCita2 = "";
var now = new Date();
var anioactual = now.getYear();
if (anioactual < 1000) {anioactual+=1900}
if (cDia == date && Mes == now.getMonth() + 1 && Anio == anioactual) {
	textoTd = '<td class="hoy" align="center">';
}
codigo += textoTd + textoCelda + '</td>'
cDia++
textoCelda = "";
}
}
codigo += '</tr>'
}
codigo += '</table></tr>'
codigo += '<tr><td colspan="7">&nbsp;</td></tr></table></div>'
document.getElementById("boxcalendario").innerHTML=codigo;
setTimeout('(function dale($) {$("#sp :div").tooltip({offset: [0, 0],relative: "true",effect: "fade", opacity: 0.8,tip: ".tooltip" });})(jQuery);',500);
}