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="../datos_calendario.php";

		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] = "Enero"

meses[2] = "Febrero"

meses[3] = "Marzo"

meses[4] = "Abril"

meses[5] = "Mayo"

meses[6] = "Junio"

meses[7] = "Julio"

meses[8] = "Agosto"

meses[9] = "Septiembre"

meses[10] = "Octubre"

meses[11] = "Noviembre"

meses[12] = "Diciembre"

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 miMes = now.getMonth()+1;
//alert(miMes);

var codigo = ""

codigo += '<div id="calendario"><table class="tabla" width="240" cellpadding="0" cellspacing="0" border="0" background="/elementos/calendario_centro.png" style="background-repeat:repeat-y">'

if(miMes==Mes)
{
	codigo += '<tr><td class="encabezado" colspan="7" valign="top"><table cellpadding="0" cellspacing="0" width="240" height="56" class="calendario_superior"><tr><td width="40" align="center"></td><td width="160" align="center"><font class="meses">'
}
else
{
	codigo += '<tr><td class="encabezado" colspan="7" valign="top"><table cellpadding="0" cellspacing="0" width="240" height="56" class="calendario_superior"><tr><td width="40" align="center"><font onClick="new Ajax.Updater(\'caja_centro\', \'listadoEventosCalendario.php\', {asynchronous:false, parameters:Form.serialize(actualizaAnterior)});CrearCalendario(--MesSeleccionado);" style="cursor:pointer" class="meses"> < </font></td><td width="160" align="center"><font class="meses">'
}

<!--codigo += '<tr><td class="encabezado" colspan="7" valign="top"><table cellpadding="0" cellspacing="0" width="240" height="56" class="calendario_superior"><tr><td width="40" align="center"><font onClick="new Ajax.Updater(\'caja_centro\', \'listadoEventosCalendario.php\', {asynchronous:false, parameters:Form.serialize(actualizaAnterior)});CrearCalendario(--MesSeleccionado);" style="cursor:pointer" class="meses"> < </font></td><td width="160" align="center"><font class="meses">'-->

codigo += getNombreDelMes(Mes) + ' ' + Anio 

codigo += '</font></td><td width="40" align="center"><font onClick="new Ajax.Updater(\'caja_centro\', \'listadoEventosCalendario.php\', {asynchronous:false, parameters:Form.serialize(actualizaSiguiente)});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] = "<acronym title=\"Lunes\">L</acronym>"

diasSemana[1] = "<acronym title=\"Martes\">M</acronym>"

diasSemana[2] = "<acronym title=\"Miercoles\">X</acronym>"

diasSemana[3] = "<acronym title=\"Jueves\">J</acronym>"

diasSemana[4] = "<acronym title=\"Viernes\">V</acronym>"

diasSemana[5] = "<acronym title=\"Sabado\">S</acronym>"

diasSemana[6] = "<acronym title=\"Domingo\">D</acronym>"



codigo += '<tr>'

for (var dayNum = 0; dayNum < 7; ++dayNum) {

codigo += '<td class="celdaDiaSemana" align="center">' + diasSemana[dayNum] + '</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">'



for (i=0;i<xmlCalendario.length;i++){

	

	var fecha = xmlCalendario[i].getAttribute('fecha');

	/*alert(fecha);

	alert(cDia+ "-" + Mes + "-" + Anio);*/

		

	if (fecha == cDia+ "-" + Mes + "-" + Anio){			

		var titulo = xmlCalendario[i].getAttribute('titulo');

		var descripcion = xmlCalendario[i].getAttribute('descripcion');

		//alert('entra');

		textoCelda = '<span class="diacita" title="'+titulo+'">' + cDia + '</span>';

		textoTd = '<td class="celdacita" align="center">'

	}

}



if (cDia == date && Mes == now.getMonth()+1) {

textoTd = '<td class="hoy" align="center">'

}



codigo += textoTd + textoCelda + '</td>'

cDia++

}

}

codigo += '</tr>'

}



codigo += '<tr><td colspan="7"><img src="/elementos/calendario_inferior.jpg" alt=""></td></tr></table></div>'

document.getElementById("boxcalendario").innerHTML=codigo;

}