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

function CrearCalendario(QueMes,QueAnio)
{
	if (window.XMLHttpRequest)
	{
		getCalendario=new XMLHttpRequest()
	}
	else if (window.ActiveXObject)
	{
		getCalendario=new ActiveXObject("Microsoft.XMLHTTP")
	}
	if (getCalendario)
	{
	    
		var url="jMonthCalendar-1.2.2/calendario_2/calendario.xml";
		CualMes=QueMes;
		cualAnio=QueAnio;
		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');
		setCal(CualMes,cualAnio);
	} 
} 

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,QueAnio) 
{
	var now = new Date()
	var anio
	if(QueAnio > 0)
	    anio = QueAnio
	else
	    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 + 1, dias, fecha, mes+1, anio)
}

function drawCal(firstDay, lastDate, date, Mes, Anio) 
{
    var now = new Date()
    var codigo = ""
    codigo += '<table cellspacing="0" class="calendario">'
    
//    codigo += '<tr><td class="encabezado" colspan="7" aling="center">'
//    codigo += getNombreDelMes(Mes) + ' ' + Anio 
//    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 += '<th>' + diasSemana[dayNum] + '</th>' 
    }
    codigo += '</tr>'

    var cDia = 01
    var curCell = 1
    var entro = 0

    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 class="padding"></td>';
                curCell++
            } 
            else 
            {
                var textoCelda = cDia
                var textoTd = '<td>'
                var textoEvento = ' '
                entro = 0
                for (i=0;i<xmlCalendario.length;i++)
                {
	                var fecha = xmlCalendario[i].getAttribute('fecha');
	                var MES = Mes
	                var DIA = cDia
	                
	                if(Mes < 11)
	                    MES = "0" + Mes
	                else
	                    MES = Mes
	                
	                if(cDia < 11)
	                    DIA = "0" + cDia
	                else
	                    DIA = cDia
	                    
	                //alert(fecha +" "+ DIA+ "-" + MES + "-" + Anio)
	                if (fecha == DIA+ "-" + MES + "-" + Anio)
	                {
	                    //alert(fecha +"sdfsdf "+ DIA+ "-" + MES + "-" + Anio)
	                    entro = 1
		                var titulo = xmlCalendario[i].getAttribute('titulo');
		                var descripcion = xmlCalendario[i].getAttribute('descripcion');
		                textoEvento = textoEvento + '<li><span class="title">' + titulo + '</span><span class="desc">' + descripcion + '</span></li>';
	                }
                }
                if(entro == 1)
                {
                    textoCelda = cDia + '<div class="events"><ul><li><span class="title">' + cDia + ' de ' + getNombreDelMes(Mes) + '</span></li>' + textoEvento + '</ul></div>'
                    textoTd = '<td class="date_has_event">'
                }
                if (cDia == date && MES == now.getMonth()+1 && entro == 0) 
                {
                    textoTd = '<td class="today">'
                }

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

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