var getCalendario = null;
var xmlCalendario = null;
var CualMes=0;

function CrearCalendario(QueMes){
	if (window.XMLHttpRequest){
		getCalendario=new XMLHttpRequest()
	}else if (window.ActiveXObject){
		getCalendario=new ActiveXObject("Microsoft.XMLHTTP")
	}
	if (getCalendario){
		//var url='http://www.kayakrioja.com/themes/ckr_cblue/calendario/calendario.xml';
	        // Preparo llamada a cal_xml.php
                  var now = new Date()
                  var anio = now.getYear()
                  if (anio < 1000) {anio+=1900}
                  var mes = now.getMonth()+QueMes+1
                  if (now.getMonth()+QueMes > 11) {mes-=12;anio++}
                  if (now.getMonth()+QueMes < 0) {mes+=12;anio--}
		var url='http://www.kayakrioja.com/themes/ckr_cblue/calendario/cal_xml.php?anio='+ anio + '&mes='+ mes;

	 	CualMes=QueMes;
		getCalendario.onreadystatechange=CambioDeEstado;
		getCalendario.open("GET",url,true);
		getCalendario.send(null);
		//CualMes=QueMes;
	}else{
		alert ("Tu explorador no soporta XMLHttpRequest");
	}
}

function CambioDeEstado(){
	if (getCalendario.readyState == 4){
		xmlCalendario = getCalendario.responseXML;
		xmlCalendario = xmlCalendario.getElementsByTagName('cita');
		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) {
	var now = new Date()
	var anio = now.getYear()
	if (anio < 1000) {anio+=1900}
	var mes = now.getMonth()+QueMes
	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, dias, fecha, mes+1, anio)
}

function drawCal(firstDay, lastDate, date, Mes, Anio) {
  var now = new Date()
  var codigo = ""
  //codigo += '<table class="tabla">'
  codigo += '<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="126" cellpadding="0">'
  codigo += '<tr><td class="encabezado" colspan="7">'
  codigo += '	<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" cellpadding="0">'
  codigo += '		  <tr>'
  codigo += '			<td width="10">'
  codigo += '			<p align="center">'
  codigo += '			 <input type="image" src="/themes/ckr_cblue/imagenes/iconos/calendario_ant.gif" onclick="CrearCalendario(--MesSeleccionado)">'
  codigo += '			</td>'
  codigo += '			<td width="100">'
  codigo += '			<p align="center">'
  codigo += '			<font face="Tahoma" color="#808080" style="font-size: 8pt;">'+ getNombreDelMes(Mes) + '&nbsp;&nbsp;' + Anio + '</font></td>'
  codigo += '			<td width="10">'
  codigo += '			<p align="center">'
  codigo += '			 <input type="image" src="/themes/ckr_cblue/imagenes/iconos/calendario_sig.gif" onclick="CrearCalendario(++MesSeleccionado)"> '
  codigo += '			</td>'
  codigo += '		  </tr>'
  codigo += '		</table>'
  codigo += '</td></tr>'

/*
var diasSemana = new Array(7)
diasSemana[0] = "<acronym title=\"Domingo\">D</acronym>"
diasSemana[1] = "<acronym title=\"Lunes\">L</acronym>"
diasSemana[2] = "<acronym title=\"Martes\">M</acronym>"
diasSemana[3] = "<acronym title=\"Miercoles\">M</acronym>"
diasSemana[4] = "<acronym title=\"Jueves\">J</acronym>"
diasSemana[5] = "<acronym title=\"Viernes\">V</acronym>"
diasSemana[6] = "<acronym title=\"Sabado\">S</acronym>"

codigo += '<tr>'
for (var dayNum = 0; dayNum < 7; ++dayNum) {
codigo += '<td class="celdaDiaSemana">' + 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 width="18"></td>';
curCell++
} else {
var textoCelda = cDia;
var textoTd = '<td width="18" class="celda">'

for (i=0;i<xmlCalendario.length;i++){
	var fecha = xmlCalendario[i].getAttribute('fecha');
	if (fecha == cDia+ "-" + Mes + "-" + Anio){
		var titulo = xmlCalendario[i].getAttribute('titulo');
		var descripcion = xmlCalendario[i].getAttribute('descripcion');
		var link = xmlCalendario[i].getAttribute('link');
                if (link) {
                  var link_html ='<p align="right"><b><a href="'+ link +'">[ + Info ]</a></b></p>' ;
		} else {
                  var link_html =' ';
 		}
		//textoCelda = '<a href="#" class="diacita" onclick="alert(\''+descripcion+'\');return false" title="'+titulo+'">' + cDia + '</a>';
                textoCelda = '<a href="#TB_inline?height=155&width=300&inlineId=tcal_' + cDia + '" title="'+titulo+'" class="thickbox"><font style="font-family:tahoma,verdana; font-size: 7pt; color:#ffffff; text-decoration: none;">' + cDia + '</font></a>';
		// Preparamos textos
                 var Ventana_jQ = document.getElementById("tcal");
                 Ventana_jQ.innerHTML += '<div id="tcal_'+ cDia +'" style="display:none" ><p>'+ descripcion +'<br>'+ link_html +'</p></div>' ;
 
		//textoCelda = cDia ;
		textoTd = '<td width="18" class="celdacita">'
	}
}

/*
if (cDia == date && Mes == now.getMonth()+1) {
textoTd = '<td width="18" class="hoy">'
}
*/

codigo += textoTd + textoCelda + '</td>'
cDia++
}
}
codigo += '</tr>'
}

codigo += '</table>'
document.getElementById("boxcalendario").innerHTML=codigo;
}