// ----------------------------------------------------------------------
// Nombre					: 	Calendario.js
// Descripcion				: 	Permite desplegar un calendario, verificando año bisiesto
// Parametros de entrada	: 	Dia, Mes y Año que se quiera desplegar, url destino
// Parametros de Salida		: 	Calendario Dibujado
// Autor	 				:	Patricio Vergara
// Fecha 					: 	3 de Mayo 2001
// ---------------------------------------------------------------------- 

// configuracion de contantes para desplegar el calendario

	var headerHeight 	= 0 			// 	alto de la celda donde se encuentra el encabezado
	var border 			= 0 			// 	ancho del borde de la tabla en que se despliega el calendario
	var cellspacing 	= 0 			// 	ancho entre celdas de la tabla en que se despliega el calendario
	var headerColor 	= "MAROON"  	// 	color de despliegue del mes y año en el encabezado de la  tabla en que se despliega el calendario
	var headerSize 		= "2" 			// 	tamaño del texto que aparece en el encabezado (mes, año)
	var colWidth 		= 0 			// 	ancho de las columnas en la tabla
	var dayCellHeight 	= 0				// 	alto de la celta que contiene los dias
	var dayColor 		= "black"	// 	color de texto para los dias
	var cellHeight 		= 0 			// 	alto de las celdas donde se encuentran los dias del mes
	var todayColor 		= "#cc0000" 		// 	color que representa el dia actual
	var timeColor 		= "navy" 		//	color que repreenta la hora actual

    var browser = navigator.appName;
	
/* Verifica si un año es bisiesto (true) o no (false)*/
function AnoBisiesto(Ano) 
{
	if (Ano % 4 == 0)
		return true 
	return false
}// AnoBisiesto

/* retorna la cantidad de dias de un mes */
function RetornaDias(Mes, Ano)
{
	var ar = new Array(12)
	
	ar[0] = 31 // enero
	ar[1] = (AnoBisiesto(Ano)) ? 29 : 28 // Febrero 
	ar[2] = 31 // Marzo
	ar[3] = 30 // Abril
	ar[4] = 31 // Mayo
	ar[5] = 30 // Junio
	ar[6] = 31 // Julio
	ar[7] = 31 // Agosto
	ar[8] = 30 // Septiembre
	ar[9] = 31 // Octubre
	ar[10] = 30 // Noviembre
	ar[11] = 31 // Diciembre
return ar[Mes]
}// fin RetornaDias

/* retorna el nombre del mes */ 
function NombreMes(Mes) 
{
	var ar = new Array(12)
	ar[0] = "ENERO"
	ar[1] = "FEBRERO"
	ar[2] = "MARZO"
	ar[3] = "ABRIL"
	ar[4] = "MAYO"
	ar[5] = "JUNIO"
	ar[6] = "JULIO"
	ar[7] = "AGOSTO"
	ar[8] = "SEPTIEMBRE"
	ar[9] = "OCTUBRE"
	ar[10] = "NOVIEMBRE"
	ar[11] = "DICIEMBRE"
return ar[Mes] // retorna el nombre del mes
}// fin NombreMes

function Calendario(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) 
{
	if (Ano < 1000) 
		Ano+=1900
		
	var monthName = NombreMes(Mes)
	var firstDayInstance = new Date(Ano, Mes, 1)
	var PrimerDia = firstDayInstance.getDay()-1 // permite saber el primer dia del mes (1=lunes, 2=martes)
	var Dias = RetornaDias(Mes, Ano) // numero de dias que tiene el mes
	
	if(PrimerDia < 0)
		PrimerDia = 6
	
	firstDayInstance = null
	DibujaCalendario(PrimerDia, Dias, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) // llamada a funcion que genera el html del calendario
}// fin Calendario()

function DibujaCalendario(PrimerDia, UltimoDia, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) 
{

	// se crea la estructura basica de la tabla
	var text 	= "" 				// inicializacion de variable
	var openCol = "" 				// Variable que permiten abrir una columna
	var closeCol= ""  				// Variable que permiten cerrar una columna
	var Dias_Semana = new Array(7)	// crea un arreglo con los dias de la semana
	var Feriados_Mes = new Array(31) 
	var i
	var auxFechaAntes
	var auxFechaDespues

	// declaracion de variables auxiliares

	var digit = 1
	var curCell = 0
	
	for(i=1;i<=31; i++)
	{
		Feriados_Mes[i] = 0
	}
	
	for(i=0;i< Feriados.length;i++)
	{
		Feriados_Mes[Feriados[i]]=1
	}
	
	Dias_Semana[0] 	= "L"
	Dias_Semana[1] 	= "M"
	Dias_Semana[2] 	= "M"
	Dias_Semana[3] 	= "J"
	Dias_Semana[4] 	= "V"
	Dias_Semana[5] 	= "S"
	Dias_Semana[6] 	= "D"
	
	/* VARIABLES QUE ME PERMITEN SETEAR LA NUEVAS FECHA*/
	
	var diaAntesFinal = RetornaDias((((Mes-1)+12)%12),Ano)
	
	var diaAntesDespues =  RetornaDias(((Mes+1)%12),Ano)
	
	var FechaAntes = new Date(Ano,(Mes-1),diaAntesFinal) 
	var FechaDespues = new Date(Ano,(Mes+1),diaAntesDespues) 
		
	var AnoAntes = FechaAntes.getYear()
	var AnoDespues = FechaDespues.getYear()
	
	var fechaConsulta = new Date(Ano, Mes, Dia)
	var fechaActual = new Date(AnoHoy , MesHoy , DiaHoy)

//	var fechaConsulta = 0
//	var fechaActual = 0
	var MesC 
	var DigC 
	var MesHoyC 
	var DiaHoyC 


	if (AnoAntes < 1000) 
		AnoAntes+=1900
	if (AnoDespues < 1000) 
		AnoDespues+=1900
	
	if (Voy.length != 0)
	{
		if((Feriados_Mes[Dia]==1) && (Voy==1))
		{
				Dia--
		}
		if((Feriados_Mes[Dia]==1) && (Voy==2))
		{
				Dia++
		}
	}

		
	openCol = '<TD WIDTH="14%">'
	openCol += '<div align="center"><font face="Arial, Helvetica, sans-serif" size="1" color="#009899"><b>' 
	closeCol = '</b></FONT></div></TD>'

	// ******** inicio 2
		text += '<table width="135" border="0.5" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">'
		text += '<tr>' 
		text += '<td height="25" bgcolor="#009999" align="center" valign="middle">'


		Mesx = FechaAntes.getMonth();
		if(FechaAntes.getMonth() < 10){
			Mesx = "0" + FechaAntes.getMonth();
		}
		MesHoyx = MesHoy;
		if(MesHoy < 10){
			MesHoyx = "0" + MesHoy;
		}					
		fechaConsultaxx = "" + AnoAntes + Mesx ;
		fechaActualxx = "" + AnoHoy + MesHoyx ;

		fechaConsultaxx = parseFloat(fechaConsultaxx);
		fechaActualxx = parseFloat(fechaActualxx);
		if (fechaConsultaxx >= fechaActualxx)
		{
		text += '<a href="'+Url+'&Mes='+FechaAntes.getMonth()+'&Ano='+AnoAntes+'&Dia='+FechaAntes.getDate()+'&Voy=1&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><img src="img/FlechaRetroceso.gif" width="11" height="11" border="0"></a>'
		}
		
		
		text += '</td>'
		text += '<td height="25" bgcolor="#009899" align="center" valign="middle">'
		text += '<font color="#009899" size="1" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FFFFFF">'
		text += monthName + ' ' + Ano
		text += '</font></b></font>'
		text 	+= 	'</td>'
		text 	+= 	'<td height="25" bgcolor="#009999" align="center" valign="middle">'
		text 	+= 	'<a href="'+Url+'&Mes='+FechaDespues.getMonth()+'&Ano='+AnoDespues+'&Dia=1&Voy=2&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><img src="img/FlechaAvance.gif" width="11" height="11" border="0"></a>'
		text 	+= 	'</td>'
		text 	+= 	'</tr>'
		text 	+= 	'<tr>'
		text 	+= 	'<td height="117" bgcolor="#FFFFFF" align="center" valign="top" colspan="3">'

	// ******** inicio 1
	
		text 	+= 	'<table width="100%" border="0" align="center">'
	
		// crea la fila con los dias de la semana
		text 	+= 	'<TR ALIGN="center" VALIGN="center" bgcolor="#e4feff">'

		for (var dayNum = 0; dayNum < 7; ++dayNum)
		{
			text	+=	openCol + Dias_Semana[dayNum] + closeCol 
		}
		text += '</TR>'

		for (var Fila = 1; Fila <= Math.ceil((UltimoDia + PrimerDia ) / 7); ++Fila) 
		{
			text += '<TR>'
			for (var Columna = 0; Columna < 7; ++Columna) 
			{
				if (digit > UltimoDia)
				{
					var aux = 7 - digit
					for (var aux_Columna = 1; aux_Columna <= aux; ++aux_Columna) 
					{	
						text += '<TD bgcolor="#FFFFFF"></TD>';
					}
					break
				}
				if (curCell < PrimerDia) 
				{
					text += '<TD bgcolor="#FFFFFF"></TD>';
					curCell++
				} 
				else 
				{
					Mesx = Mes;
					if(Mes < 10){
						Mesx = "0" + Mes;
					}
					Diax = digit;
					if(digit < 10){
						Diax = "0" + digit;
					}
					MesHoyx = MesHoy;
					if(MesHoy < 10){
						MesHoyx = "0" + MesHoy;
					}					
					DiaHoyx = DiaHoy;
					if(DiaHoy < 10){
						DiaHoyx = "0" + DiaHoy;
					}
					fechaConsultaxx = "" + Ano + Mesx + Diax;
					fechaActualxx = "" + AnoHoy + MesHoyx + DiaHoyx;
					fechaConsultaxx = parseFloat(fechaConsultaxx);
					fechaActualxx = parseFloat(fechaActualxx);
					if (fechaConsultaxx < fechaActualxx)
					{
						if (Feriados_Mes[digit]==1)
					  	{ 
							text += '<TD bgcolor="#FFFFFF" width="14%" align="center"><font face="Arial, Helvetica, sans-serif" size="1" color="#FF0000">'+ digit + '</font></TD>'
						} 
						else if (Columna == 6) 
						{
							text += '<TD align="center"  bgcolor="#EBEBEB" width="14%"><font face="Arial, Helvetica, sans-serif" size="1" color="FF0000">' + digit + '</font></TD>'
						}
						else {
					    text += '<TD bgcolor="#FFFFFF" width="14%" align="center"><font face="Arial, Helvetica, sans-serif" size="1" color="#00000F">'+ digit + '</font></TD>'
						}


					}
                    else {
					  if (digit == Dia)
					  { 
						text += '<TD bgcolor="#cc0000" width="14%" align="center">'
						text += '<a href="'+Url+'&Dia='+digit+'&Mes='+Mes+'&Ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">'
						text += digit
						text += '</font></a></td>'
					  } 
					  else
					  {	
						if ( Feriados_Mes[digit]==1)
							text += '<TD bgcolor="#FFFFFF" width="14%" align="center"><font face="Arial, Helvetica, sans-serif" size="1" color="#FF0000">'+ digit + '</font></TD>'
						else
							if(Columna != 6)
							{
								if (Columna != 5)
									text += '<TD align="center" bgcolor="#FFFFFF" width="14%"><a href="'+Url+'&dia='+digit+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Arial, Helvetica, sans-serif" size="1" color="#000000">' + digit + '</font></a></TD>'
								else
									text += '<TD align="center" bgcolor="#EBEBEB" width="14%"><a href="'+Url+'&dia='+digit+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Arial, Helvetica, sans-serif" size="1" color="#000000">' + digit + '</font></a></TD>'
							}	
							else								
							{
								text += '<TD align="center"  bgcolor="#EBEBEB" width="14%"><font face="Arial, Helvetica, sans-serif" size="1" color="FF0000">' + digit + '</font></TD>'
							}
					  }
					}  
					digit++
				}
			}
			text += '</TR>'
		}
		text += '</table>'
	// ********* fin 1
		//text += '<div align="center"><a href="'+Url+'&Mes='+FechaDespues.getMonth()+'&Ano='+AnoDespues+'&Dia=1&Voy=2&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true"><font face="arial,verdana" size="1" color="#000000" ><b>Mes Siguiente</b></font></a></div>'
		text += '</td>'
		text += '</tr>'
		text += '<tr>'
		text += '<td height="15" align="center" bgcolor="#FFFFFF" valign="top" colspan="3">'
		text += '<a href="'+Url+'&dia='+DiaHoy+'&mes='+MesHoy+'&ano='+AnoHoy+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Hoy\';return true" target="_self"><font face="arial,verdana" size="1" color="#999999" ><b>Hoy</b></font></a>'
		text += '</td>'
		text += '</tr>'

		if(Encabezado==1)
		{
			text += '<tr>'
			text += '<td height="15" bgcolor="#EBEBEB" align="center" valign="top" colspan="3">'
			text += '<a href="'+Url+'&boton=Centro&Accion=Dia&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><b>Día</b></font></a>'
			text += '&nbsp;<font color="#000000">|</font>&nbsp;'
			text += '<a href="'+Url+'&boton=Centro&Accion=Semana&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><b>Semana</b></font></a>'

			if(swMes ==1)
			{
				text += '&nbsp;<font color="#000000">|</font>&nbsp;'
				text += '<a href="'+Url+'&boton=Centro&Accion=Mes&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><b>Mes</b></font></a>'
			}
			text += '</td>'
			text += '</tr>'
			text += '<tr>'
			text += '<td height="15" bgcolor="#FFCC66" align="center" valign="top" colspan="3">'
			text += '<table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#EBEBEB">'
			text += '<tr align="center">'
			
			if (Accion.length==0)
				Accion='Semana'
			if(Accion =='Dia')
			{
				auxFechaAntes = new Date(Ano,Mes,(Dia-1)) 
				auxFechaDespues = new Date(Ano,Mes,(Dia+1)) 
				
				annoFechaAntes = auxFechaAntes.getYear();
				annoFechaDespues = auxFechaDespues.getYear();
				if (annoFechaAntes < 1000)
				    annoFechaAntes +=1900
				    
				if (annoFechaDespues < 1000)
				    annoFechaDespues +=1900

				text += '<td><a href="'+Url+'&Mes='+auxFechaAntes.getMonth()+'&Ano='+annoFechaAntes+'&Dia='+auxFechaAntes.getDate()+'&Accion=Dia&boton=Centro" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">&lt; anterior</font></a></td>'
    			text += '<td><a href="'+Url+'&Mes='+auxFechaDespues.getMonth()+'&Ano='+annoFechaDespues+'&Dia='+auxFechaDespues.getDate()+'&Accion=Dia&boton=Centro" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000">siguiente &gt;</font></a></td>'
			}
			if(Accion =='Semana')
			{
				auxFechaAntes = new Date(Ano,Mes,(Dia-7)) 
				auxFechaDespues = new Date(Ano,Mes,(Dia+7)) 
				
				annoFechaAntes = auxFechaAntes.getYear();
				annoFechaDespues = auxFechaDespues.getYear();
				if (annoFechaAntes < 1000)
				    annoFechaAntes +=1900
				    
				if (annoFechaDespues < 1000)
				    annoFechaDespues +=1900

    			text += '<td><a href="'+Url+'&Mes='+auxFechaAntes.getMonth()+'&Ano='+annoFechaAntes+'&Dia='+auxFechaAntes.getDate()+'&Accion=Semana&boton=Centro" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">&lt; anterior</font></a></td>'

				text += '<td><a href="'+Url+'&Mes='+auxFechaDespues.getMonth()+'&Ano='+annoFechaDespues+'&Dia='+auxFechaDespues.getDate()+'&Accion=Semana&boton=Centro" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000">siguiente &gt;</font></a></td>'
			}
			
			if(Accion =='Mes')
			{
				text += '<td><a href="'+Url+'&Mes='+FechaAntes.getMonth()+'&Ano='+AnoAntes+'&Dia='+FechaAntes.getDate()+'&Voy=1&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">&lt; anterior</font></a></td>'
    			text += '<td><a href="'+Url+'&Mes='+FechaDespues.getMonth()+'&Ano='+AnoDespues+'&Dia=1&Voy=2&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000">siguiente &gt;</font></a></td>'
			}

  			text += '</tr>'
			text += '</table>'
			text += '</td>'
			text += '</tr>'
		}
		text += '</table>'
	// ********* fin 2		
		
	// imprime el documento como un string en la pagina html
	document.write(text) 
}// fin DibujaCalendario()


function Semana(Dia,Mes,Ano,Url,Bloqueos,Feriados) 
{
	if (Ano < 1000) 
	{
		Ano+=1900
	}
	DibujaSemana(Dia,Mes, Ano,Url,Bloqueos,Feriados) // llamada a funcion que genera el html del semana
}

function SemanaNew(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Url,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA,Feriados)				
{
	if (Ano < 1000) 
	{
		Ano+=1900
	}
	
	
	DibujaSemanaNew(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Url,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA,Feriados) // llamada a funcion que genera el html del semana	
}

	
function DibujaSemana(Dia,Mes,Ano,Url,Bloqueos,Feriados) 
{
		var cantidad = RetornaDias(Mes,Ano)
		var text 	= ""
		var titulo1
		var titulo2
		var aux
		var auxFechaAntes = new Date(Ano,Mes,(Dia-7)) 
		var auxFechaDespues = new Date(Ano,Mes,(Dia+7)) 
		var auxFechaTemp
		var Feriados_Mes = new Array(31)
		var sColor
		
		for(i=1;i<=31; i++)
		{
			Feriados_Mes[i] = 0
		}
		
		for(i=0;i<=Feriados.length;i++)
		{
			Feriados_Mes[Feriados[i]]=1
		}
			
		
		if (((Dia+6) > cantidad) )
		{
			if ((Mes +1 ) >11)
			{
				titulo1 = Dia +"&nbsp;" +  NombreMes(Mes)+ "&nbsp;" +(Ano)
				titulo2 = (Dia+6)%cantidad +"&nbsp;" +  NombreMes(((Mes+1)%12)) + "&nbsp;" +(Ano+1)
			}
			else
			{
				titulo1 = Dia +"&nbsp;" +  NombreMes(Mes)
				titulo2 = (Dia+6)%cantidad +"&nbsp;" +  NombreMes((Mes+1))+ "&nbsp;" +(Ano)
			}
		}
		else
		{
			titulo1 = Dia
			titulo2 = (Dia+6) +"&nbsp;" +  NombreMes(Mes)+ "&nbsp;" +(Ano)
		}
		
		
		text += '<table width="100%" border="0" bgcolor="#009999" cellspacing="0" cellpadding="0">';
        text += '<tr>';
        text += '<td>';
		text += '<table width="100%" border="0" cellpadding="3" cellspacing="1" bordercolor="#009999">';
		text += '<tr>';
		text += '<td colspan="3" bgcolor="#009999"><div align="center">';
		
		annoFechaAntes = auxFechaAntes.getYear();
		if (annoFechaAntes < 1000)
		    annoFechaAntes +=1900
		
		annoFechaDespues = auxFechaDespues.getYear();
		if (annoFechaDespues < 1000)
		    annoFechaDespues +=1900

		text += '<a href="'+Url+'&Mes='+auxFechaAntes.getMonth()+'&Ano='+annoFechaAntes+'&Dia='+auxFechaAntes.getDate()+'&Accion=Semana" onmouseover="window.status=\'Calendario\';return true"><img width=14 height=12 src=img/reserva_17.gif border=0></a>' 			  		
		
		text += '&nbsp;<font color="#ffffff" size="2" face="Verdana, Arial, Helvetica, sans-serif">';
		text += '<B>Semana del '+ titulo1+' al '+titulo2+'</B>';
		text += '</font>&nbsp;';
		text += '<a href="'+Url+'&Mes='+auxFechaDespues.getMonth()+'&Ano='+annoFechaDespues+'&Dia='+auxFechaDespues.getDate()+'&Accion=Semana" onmouseover="window.status=\'Calendario\';return true"><img width=14 height=12 src=img/reserva_16.gif border=0></a>'
		text += '</div></td>';
		text += '</tr>';		
		
	
		// hago el for para genera la semana 
		
		for(var fila=0;fila<7;fila++)
		{
			if ((fila % 2 ) == 0)
				sColor = "#FFFFFF"
			else
				sColor = "#FFF8E8"
				
			auxFechaTemp = new Date(Ano,Mes,(Dia+fila))
			var auxAno = auxFechaTemp.getYear()
			
			if (auxAno < 1000)
				auxAno += 1900
			
			text += '<tr>'
			text += '<td width="18%" bgcolor="'+sColor+'" valign="middle">';
			
			if ( Feriados_Mes[auxFechaTemp.getDate()]!=1)
			{
				if (Bloqueos[fila] == 1)
				{
					text += '<div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="black"><b>'+DiaSemana(Dia+fila,Mes,Ano)+'</b></font>';
					text += '</td><td width="42%" bgcolor="'+sColor+'" valign="middle">';
					text += '<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">';
					text += auxFechaTemp.getDate() +'&nbsp;'+ NombreMes(auxFechaTemp.getMonth()) +'&nbsp;'+auxAno;
					text += '</font></div>';
					text += '</td>'		
					text += ' <td bgcolor="'+sColor+'" colspan="2" valign="middle">'
					text += '<a href="'+Url+'&dia='+auxFechaTemp.getDate()+'&mes='+auxFechaTemp.getMonth()+'&ano='+auxAno+'&boton=Centro" onmouseover="window.status=\'Calendario\';return true">';
					text += '<font face="Verdana, Arial, Helvetica, sans-serif" color="#000066" size="1">';
					text += '<b>Disponible</b>';
					text += '</font></a>';
				}
				else
				{
					if (DiaNumeroSemana(Dia+fila,Mes,Ano) == 0 )
					{
						text += '<div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="black"><b>'+DiaSemana(Dia+fila,Mes,Ano)+'</b></font>';
						text += '</td><td width="42%" bgcolor="'+sColor+'" valign="middle">';
						text += '<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">';
						text += auxFechaTemp.getDate() +'&nbsp;'+ NombreMes(auxFechaTemp.getMonth()) +'&nbsp;'+auxAno;
						text += '</font></div>';
						text += '</td>'		
						text += '<td bgcolor="'+sColor+'" colspan="2" valign="middle">'
						text += '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FF0000">';
						text += '<b>No Disponible</b>';
						text += '</font>';
	
					}
					else
					{
						text += '<div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="black"><b>'+DiaSemana(Dia+fila,Mes,Ano)+'</b></font>';
						text += '</td><td width="42%" bgcolor="'+sColor+'" valign="middle">';
						text += '<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">';
						text += auxFechaTemp.getDate() +'&nbsp;'+ NombreMes(auxFechaTemp.getMonth()) +'&nbsp;'+auxAno;
						text += '</font></div>';
						text += '</td>'		
						text += '<td bgcolor="'+sColor+'" colspan="2" valign="middle">'
						text += '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FF0000">';
						text += '<b>No Disponible</b>';
						text += '</font>';
					}
				
				}
			}
			else
			{
					text += '<div align="left"><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><b>'+DiaSemana(Dia+fila,Mes,Ano)+'</b></font>';
					text += '</td><td width="42%" bgcolor="'+sColor+'" valign="middle">';
					text += '<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#000000">';
					text += auxFechaTemp.getDate() +'&nbsp;'+ NombreMes(auxFechaTemp.getMonth()) +'&nbsp;'+auxAno;
					text += '</font></div>';
					text += '</td>'		
					text += '<td bgcolor="'+sColor+'" colspan="2" valign="middle">'
					text += '<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FF0000">';
					text += '<b>No Disponible</b>';
					text += '</font>';
			}
			text += '</td>'
			text += '</tr>';
		}
		text += '</table>';
		text += '</td>';
        text += '</tr>';
        text += '</table>';


		// imprime el documento como un string en la pagina html
		document.write(text) 
	}// fin DibujaSemana

// retorna el nombre del dia en la semana
function DiaSemana(Dia,Mes,Ano)
{
	var fecha_actual = new Date(Ano,Mes,Dia)
	var dia_semana;
	var Dias = new Array(7)

	dia_semana=fecha_actual.getDay()

	
	Dias[0] 	= "Domingo"
	Dias[1] 	= "Lunes"
	Dias[2] 	= "Martes"
	Dias[3] 	= "Miercoles"
	Dias[4] 	= "Jueves"
	Dias[5] 	= "Viernes"
	Dias[6] 	= "Sabado"
	return Dias[dia_semana]
}// fin DiaSemana()

// retorna el numero del dia en la semana
function DiaNumeroSemana(Dia,Mes,Ano)
{
	var fecha_actual = new Date(Ano,Mes,Dia) 
	var dia_semana;
	dia_semana=fecha_actual.getDay()
	return dia_semana
}// fin DiaSemana()

function CalendarioZoom(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,Bloqueos) 
{
	if (Ano < 1000) 
		Ano+=1900
		
	var monthName = NombreMes(Mes)
	var firstDayInstance = new Date(Ano, Mes, 1)
	var PrimerDia = firstDayInstance.getDay()-1 // permite saber el primer dia del mes (1=lunes, 2=martes)
	var Dias = RetornaDias(Mes, Ano) // numero de dias que tiene el mes
	
	if(PrimerDia < 0)
		PrimerDia = 6
	
	firstDayInstance = null
	DibujaCalendarioZoom(PrimerDia, Dias, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,Bloqueos) // llamada a funcion que genera el html del calendario
}// fin CalendarioZoom()

function DibujaCalendarioZoom(PrimerDia, UltimoDia, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,Bloqueos) 
{
	// se crea la estructura basica de la tabla
	var text 	= "" 				// inicializacion de variable
	var openCol = "" 				// Variable que permiten abrir una columna
	var closeCol= ""  				// Variable que permiten cerrar una columna
	var Dias_Semana = new Array(7)	// crea un arreglo con los dias de la semana
	var Feriados_Mes = new Array(31)
	var i

	// declaracion de variables auxiliares

	var digit = 1
	var curCell = 0
	
	for(i=1;i<=31; i++)
	{
		Feriados_Mes[i] = 0
	}
	
	for(i=0;i< Feriados.length;i++)
	{
		Feriados_Mes[Feriados[i]]=1
	}
	
	Dias_Semana[0] 	= "L"
	Dias_Semana[1] 	= "M"
	Dias_Semana[2] 	= "M"
	Dias_Semana[3] 	= "J"
	Dias_Semana[4] 	= "V"
	Dias_Semana[5] 	= "S"
	Dias_Semana[6] 	= "D"
	
	/* VARIABLES QUE ME PERMITEN SETEAR LA NUEVAS FECHA*/
	
	var diaAntesFinal = RetornaDias((((Mes-1)+12)%12),Ano)
	
	var diaAntesDespues =  RetornaDias(((Mes+1)%12),Ano)
	
	var FechaAntes = new Date(Ano,(Mes-1),diaAntesFinal) 
	var FechaDespues = new Date(Ano,(Mes+1),diaAntesDespues) 
		
	var AnoAntes = FechaAntes.getYear()
	var AnoDespues = FechaDespues.getYear()
	
	if (AnoAntes < 1000) 
		AnoAntes+=1900
	if (AnoDespues < 1000) 
		AnoDespues+=1900
	
	if (Voy.length != 0)
	{
		if((Feriados_Mes[Dia]==1) && (Voy==1))
		{
				Dia--
		}
		if((Feriados_Mes[Dia]==1) && (Voy==2))
		{
				Dia++
		}
	}

		
	openCol = '<TD WIDTH="14%">'
	openCol += '<div align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#000099">' 
	closeCol = '</FONT></div></TD>'

	// ******** inicio 2
		text += '<table width="554" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">'
		text += '<tr>' 
		text += '<td height="35" bgcolor="#009899" align="right" valign="middle">'
		text += '<a href="'+Url+'&Mes='+FechaAntes.getMonth()+'&Ano='+AnoAntes+'&Dia='+FechaAntes.getDate()+'&Voy=1&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true"><img src="img/reserva_17.gif" width="11" height="11" border="0"></a>'		
		text += '</td>'
		text += '<td height="35" bgcolor="#009899" align="center" valign="middle">'
		text += '<font color="#009999" size="3" face="Verdana, Arial, Helvetica, sans-serif"><b><font color="#FFFFFF">'
		text += monthName + ' ' + Ano 		
		text += '</font></b></font>'
		text += '</td>'
		text += '<td height="35" bgcolor="#009899"  aling="left" valign="middle">'
		text += '<a href="'+Url+'&Mes='+FechaDespues.getMonth()+'&Ano='+AnoDespues+'&Dia=1&Voy=2&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true"><img src="img/reserva_16.gif" width="11" height="11" border="0"></a>'
		text +=	'</td>'
		text +=	'</tr>'
		text +=	'<tr>'
		text +=	'<td height="117" bgcolor="#CCCCCC" align="center" valign="top" colspan="3">'

	// ******** inicio 1
	
		text 	+= 	'<table width="100%" border="0" align="center">'
	
		// crea la fila con los dias de la semana
		text 	+= 	'<TR ALIGN="center" VALIGN="center" bgcolor="#FFCA79">'

		for (var dayNum = 0; dayNum < 7; ++dayNum)
		{
			text	+=	openCol + Dias_Semana[dayNum] + closeCol 
		}
		text += '</TR>'

		for (var Fila = 1; Fila <= Math.ceil((UltimoDia + PrimerDia ) / 7); ++Fila) 
		{
			text += '<TR>'
			for (var Columna = 0; Columna < 7; ++Columna) 
			{
				if (digit > UltimoDia)
				{
					var aux = 7 - digit
					for (var aux_Columna = 1; aux_Columna <= aux; ++aux_Columna) 
					{	
						text += '<TD bgcolor="#FFFFFF"></TD>';
					}
					break
				}
				if (curCell < PrimerDia) 
				{
					text += '<TD bgcolor="#FFFFFF"></TD>';
					curCell++
				} 
				else 
				{
					if (digit == Dia)
					{ 
						text += '<TD bgcolor="#FFCA79" width="14%" align="center">'
						if	(Bloqueos[digit] == 1)
						{
							text += '<a href="'+Url+'&dia='+digit+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true">'
							text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
							text += '<br><font face="Arial, Helvetica, sans-serif" size="1" color="#15176a">Disponible</font></a>'
						}
						else
						{
							text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
						}
					} 
					else
					{	
						if ( Feriados_Mes[digit]==1)
							text += '<TD bgcolor="#FFFFFF" width="14%" align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#FF0000">'+ digit + '</font></TD>'
						else
							if(Columna != 6)
							{
								if (Columna != 5)
								{
									text += '<TD align="center" bgcolor="#FFFFFF" width="14%">'
									if	(Bloqueos[digit] == 1)
									{
										text += '<a href="'+Url+'&dia='+digit+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true">'
										text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
										text += '<br><font face="Arial, Helvetica, sans-serif" size="1" color="#15176a">Disponible</font></a>'
									}
									else
									{
										text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
									}
									text += '</td>'
								}
								else
								{
									text += '<TD align="center" bgcolor="#EBEBEB" width="14%">'
									if	(Bloqueos[digit] == 1)
									{
										text += '<a href="'+Url+'&dia='+digit+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true">'
										text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
										text += '<br><font face="Arial, Helvetica, sans-serif" size="1" color="#15176a">Disponible</font></a>'
									}
									else
									{
										text += '<font face="Arial, Helvetica, sans-serif" size="2" color="#000000">' + digit + '</font>'
									}
									text += '</td>'
								}
							}	
							else								
							{
								text += '<TD align="center"  bgcolor="#EBEBEB" width="14%"><font face="Arial, Helvetica, sans-serif" size="2" color="FF0000">' + digit + '</font></TD>'
							}
					}
					digit++
				}
			}
			text += '</TR>'
		}
		text += '</table><br>'
		text += '</table>'
	// ********* fin 2		
		
	// imprime el documento como un string en la pagina html
	document.write(text) 

}// fin DibujaCalendarioZoom()


function Navegacion(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) 
{
			var navegacion = ""
			var auxDia = ""
			var auxSemana = ""
			var auxMes = ""						

			if (Accion == "Dia")
				auxDia =  'checked'
				
			if (Accion == "Semana")
				auxSemana =  'checked'

			if (Accion == "Mes")
				auxMes =  'checked'
			
			navegacion = '<table width="100%" border="0" cellspacing="1" cellpadding="4">'
			navegacion += '<tr>' 
			navegacion += '<td width="21%" height="27" bgcolor="#FFFFFF"> <div align="right"><font color="#666666"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">'
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton "'  +  auxDia + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Dia&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'

			navegacion += '</font></strong></font><font color="#000000" size="1"><strong></strong></font></div></td>'
			navegacion += '<td width="79%" bgcolor="#FFFFFF"><strong><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Diaria</font></strong></font></strong></td>'
			navegacion += '</tr>'
			navegacion += '<tr>' 
			navegacion += '<td height="27" bgcolor="#FFFFFF"><div align="right"><font color="#666666"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' 
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton" '  +  auxSemana + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Semana&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'
			navegacion += '</font></strong></font><font color="#000000" size="1"><strong></strong></font></div></td>'
			navegacion += '<td bgcolor="#FFFFFF"><strong><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Semanal</font></strong></font></strong></td>'
			navegacion += '</tr>'
			navegacion += '<tr>' 
			navegacion += '<td height="27" bgcolor="#FFFFFF"><div align="right"><font color="#666666"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' 
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton" '  +  auxMes + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Mes&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'
			navegacion += '</font></strong></font></div></td>'
			navegacion += '<td bgcolor="#FFFFFF"><strong><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Mensual</font></strong></font></strong></td>'
			navegacion += '</tr>'
			navegacion += '</table>'			

	document.write(navegacion) 

}


function NavegacionVertical(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) 
{
			var navegacion = ""
			var auxDia = ""
			var auxSemana = ""
			var auxMes = ""						

			if (Accion == "Dia")
				auxDia =  'checked'
				
			if (Accion == "Semana")
				auxSemana =  'checked'

			if (Accion == "Mes")
				auxMes =  'checked'
			
			navegacion = '<table width="100%" border="0" cellspacing="1" cellpadding="1">'
			navegacion += '<tr>' 
			navegacion += '<td align="center">'
			navegacion += '<font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ver:</strong></font></td>'
			navegacion += '<td bgcolor="#F3F3F3"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' 
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton "'  +  auxDia + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Dia&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'
			navegacion += 'D&iacute;a</font>'
			navegacion += '</td>'
			navegacion += '<td bgcolor="#F3F3F3"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' 
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton" '  +  auxSemana + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Semana&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'
			navegacion += 'Semana</font>'
			navegacion += '</td>'
			navegacion += '<td bgcolor="#F3F3F3"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' 
			navegacion += '<input name="radiobutton" type="radio" value="radiobutton" '  +  auxMes + ' onclick=javascript:location.href="'+Url+'&boton=Centro&Accion=Mes&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'">'
			navegacion += 'Mes</font>'
			navegacion += '</td>'
			navegacion += '</tr>'
			navegacion += '</table>'			

	document.write(navegacion) 
}

function NavegacionVertical2(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Encabezado,Santo,Accion,Voy,swMes) 
{
			var navegacion = ""
			var auxDia = ""
			var auxSemana = ""
			var auxMes = ""						

			if (Accion == "Dia")
				auxDia =  'checked'
				
			if (Accion == "Semana")
				auxSemana =  'checked'

			if (Accion == "Mes")
				auxMes =  'checked'
			


			var Mesx, Diax, MesHoyx, DiaHoyx
			
			Mesx = Mes;
			if(Mes < 10){
				Mesx = "0" + Mes;
			}
			Diax = Dia;
			if(Diax < 10){
				Diax = "0" + Dia;
			}
			MesHoyx = MesHoy;
			if(MesHoy < 10){
				MesHoyx = "0" + MesHoy;
			}					
			DiaHoyx = DiaHoy;
			if(DiaHoy < 10){
				DiaHoyx = "0" + DiaHoy;
			}
			fechaConsultaxx = "" + Ano + Mesx + Diax;
			fechaActualxx = "" + AnoHoy + MesHoyx + DiaHoyx;
			fechaConsultaxx = parseFloat(fechaConsultaxx);
			fechaActualxx = parseFloat(fechaActualxx);
			
			navegacion = '<table width="185" border="0" cellspacing="0" cellpadding="5">'
			navegacion += '<tr bgcolor="F3F3F3">'
			navegacion += '<td width="40" align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ver :</strong></font></td>'
			if (fechaConsultaxx >= fechaActualxx)
			{
			navegacion += '<td width="45" align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="'+Url+'&boton=Centro&Accion=Dia&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'"  target="_self">D&iacute;a</a></font></td>'
			}
			navegacion += '<td width="55" align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="'+Url+'&boton=Centro&Accion=Semana&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'"  target="_self">Semana</a></font></td>'
			navegacion += '<td width="45" align="center" bgcolor="F3F3F3"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="'+Url+'&boton=Centro&Accion=Mes&Mes='+Mes+'&Ano='+Ano+'&Dia='+Dia+'"  target="_self">Mes</a></font></td>'
			navegacion += '</tr>'
			navegacion += '</table>'			

	document.write(navegacion) 
}

function DibujaSemanaNew(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Url,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA,Feriados) 
{
		var cantidad = RetornaDias(Mes,Ano)
		var text 	= ""
		var titulo1
		var titulo2
		var aux
		var auxFechaAntes = new Date(Ano,Mes,(Dia-7)) 
		var auxFechaDespues = new Date(Ano,Mes,(Dia+7)) 
		var auxFechaTemp
		var Feriados_Mes = new Array(31)
		var sColor
		var ImpVitacura
		var ImpLaDehesa
		var ImpUAIA		
		var auxFechaActual = new Date(AnoHoy,MesHoy,(DiaHoy)) 
		var auxFechaConsulta = new Date(Ano,Mes,Dia) 

        var annoFechaAntes
        var annoConsulta
        var annoFechaDespues
        var annoFechaAntes
        var annoFechaDespues

		for(i=1;i<=31; i++)
		{
			Feriados_Mes[i] = 0
		}
		
		for(i=0;i<=Feriados.length;i++)
		{
			Feriados_Mes[Feriados[i]]=1
		}
		
		
		if (((Dia+6) > cantidad) )
		{
			if ((Mes +1 ) >11)
			{
				titulo1 = Dia +"&nbsp;" +  NombreMes(Mes)+ "&nbsp;" +(Ano)
				titulo2 = (Dia+6)%cantidad +"&nbsp;" +  NombreMes(((Mes+1)%12)) + "&nbsp;" +(Ano+1)
			}
			else
			{
				titulo1 = Dia +"&nbsp;" +  NombreMes(Mes)
				titulo2 = (Dia+6)%cantidad +"&nbsp;" +  NombreMes((Mes+1))+ "&nbsp;" +(Ano)
			}
		}
		else
		{
			titulo1 = Dia
			titulo2 = (Dia+6) +"&nbsp;" +  NombreMes(Mes)+ "&nbsp;" +(Ano)
		}

		text = '<table width="100%" border="0" cellspacing="1" cellpadding="1">'
		text += '<tr bgcolor="#009999">'
		text += '<td width="100%"><div align="center"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>'


		Mesx = auxFechaConsulta.getMonth();
		if(auxFechaConsulta.getMonth() < 10){
			Mesx = "0" + Mesx;
		}

		MesHoyx = MesHoy;
		if(MesHoy < 10){
			MesHoyx = "0" + MesHoy;
		}			
		
		Diax = auxFechaConsulta.getDate();
		if(Diax < 10){
			Diax = "0" + auxFechaConsulta.getDate();
		}

		DiaHoyx = DiaHoy;
		if(DiaHoyx < 10){
			DiaHoyx = "0" + DiaHoy;
		}


// Consulta por semana Agenda
// RUTINA QUE DIBUJA LA JORNADA SEMANAL DEL PROFESIONAL  
        annoConsulta = auxFechaConsulta.getYear();
        if (annoConsulta < 1000)
	        annoConsulta += 1900
				
				
		fechaConsultaxx = "" + annoConsulta + Mesx + Diax;
		fechaConsultaxx = parseFloat(fechaConsultaxx);

		fechaActualxx = "" + AnoHoy + MesHoyx + DiaHoyx;
		fechaActualxx = parseFloat(fechaActualxx);

		if (fechaConsultaxx > fechaActualxx)
		{
		    annoFechaAntes = auxFechaAntes.getYear();
            if (annoFechaAntes < 1000)
	            annoFechaAntes += 1900
		    
			text += '<a href="'+Url+'&Mes='+auxFechaAntes.getMonth()+'&Ano='+annoFechaAntes+'&Dia='+auxFechaAntes.getDate()+'&Accion=Semana" onmouseover="window.status=\'Calendario\';return true" target="_self" ><img width=14 height=12 src=img/reserva_17.gif border=0></a>'
		}
		
		text += '&nbsp;'
		text += '<font color="#ffffff" size="2" face="Verdana, Arial, Helvetica, sans-serif"><B>Semana del '+ titulo1 + ' al ' + titulo2 + '</B></font>'
		text += '&nbsp;'

		annoFechaDespues = auxFechaDespues.getYear();
        if (annoFechaDespues < 1000)
	        annoFechaDespues += 1900		
		text += '<a href="'+Url+'&Mes='+auxFechaDespues.getMonth()+'&Ano='+annoFechaDespues+'&Dia='+auxFechaDespues.getDate()+'&Accion=Semana" onmouseover="window.status=\'Calendario\';return true" target="_self" ><img width=14 height=12 src=img/reserva_16.gif border=0></a>'
		
		
		text += '</strong></font></div></td>'
		text += '</tr>'
		text += '<tr>'
		text += '<td>'
		text += '<table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">'
		text += '<tr bgcolor="#009999">'
		text += '<td align="center" colspan="2"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">FECHA</font></strong></td>'
		text += '<td width="98" align="center" bgcolor="#009999"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">VITACURA</font></strong></td>'
		text += '<td width="98" align="center" bgcolor="#5452d9"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">LA DEHESA</font></strong></td>'
//		text += '<td width="98" align="center" bgcolor="#006699"><strong><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">U.A.I.A.</font></strong></td>'
		text += '</tr>'

		for(var fila=0;fila<7;fila++)
		{
			if ((fila % 2 ) == 0)
				sColor = "#FFFFFF"
			else
				sColor = "#FFF8E8"
				
			auxFechaTemp = new Date(Ano,Mes,(Dia+fila))
			var auxAno = auxFechaTemp.getYear()
			
			if (auxAno < 1000)
				auxAno += 1900
				
			Diax = auxFechaTemp.getDate();
			if(Diax < 10){
				Diax = "0" + auxFechaTemp.getDate();
			}
			Mesx = auxFechaTemp.getMonth();
			if(auxFechaTemp.getMonth() < 10){
				Mesx = "0" + auxFechaTemp.getMonth();
			}
			                       
			fechaConsultaxx = "" + auxAno + Mesx + Diax;
			fechaConsultaxx = parseFloat(fechaConsultaxx);

//           if  (fechaConsultaxx >=fechaActualxx)
//		   {
			 //if ( Feriados_Mes[auxFechaTemp.getDate()]!=1)				
			 if ( Feriados_Mes[Diax]!=1)				
			 {	
				if (BloqueosVitacura[fila] == 1)
					ImpVitacura = '<a href="'+Url+'&OtraSuc=1&dia='+auxFechaTemp.getDate()+'&mes='+auxFechaTemp.getMonth()+'&ano='+auxAno+'&boton=Centro"  target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Disponible</font></a>'
				else
					ImpVitacura = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</font>'
	
				if (BloqueosLaDehesa[fila] == 1)
					ImpLaDehesa = '<a href="'+Url+'&OtraSuc=2&dia='+auxFechaTemp.getDate()+'&mes='+auxFechaTemp.getMonth()+'&ano='+auxAno+'&boton=Centro"  target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Disponible</font></a>'
				else
					ImpLaDehesa = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</font>'
	
//				if (BloqueosUAIA[fila] == 1)
//					ImpUAIA = '<a href="'+Url+'&OtraSuc=3&dia='+auxFechaTemp.getDate()+'&mes='+auxFechaTemp.getMonth()+'&ano='+auxAno+'&boton=Centro"  target="_self"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Disponible</font></a>'
//				else
//					ImpUAIA = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</font>'
			 }
			 else
			 {
					ImpVitacura = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'			
					ImpLaDehesa = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'
//					ImpUAIA = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'
			 }
			
//		 }
//	     else
//		 {
//					ImpVitacura = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'			
//					ImpLaDehesa = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'
//					ImpUAIA = '<font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif">No Disponible</b></font>'
//		 }	
			

		text += '<tr bgcolor="'+sColor+'">'
		text += '<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>'+DiaSemana(Dia+fila,Mes,Ano)+'</strong></font></td>'
		text += '<td align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">' + auxFechaTemp.getDate() + '&nbsp;' + NombreMes(auxFechaTemp.getMonth()) +'&nbsp;' + auxAno;
		text += '</font></td>'
		text += '<td width="98" align="center">' + ImpVitacura; 
		text += '</td>'
		text += '<td width="98" align="center">' + ImpLaDehesa;
		text += '</td>'		
//		text += '<td width="98" align="center">' + ImpUAIA;
//		text += '</td>'
		text += '</tr>'

		}	

		text += '</table>'
		text += '</td>'
		text += '</tr>'
		text += '</table>'

		document.write(text)	
}

function CalendarioZoomNew(Dia,Mes,Ano,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA) 
{
	if (Ano < 1000) 
		Ano+=1900
		
	var monthName = NombreMes(Mes)
	var firstDayInstance = new Date(Ano, Mes, 1)
	var PrimerDia = firstDayInstance.getDay()-1 // permite saber el primer dia del mes (1=lunes, 2=martes)
	var Dias = RetornaDias(Mes, Ano) // numero de dias que tiene el mes
	
	if(PrimerDia < 0)
		PrimerDia = 6
	
	firstDayInstance = null
	DibujaCalendarioZoomNew(PrimerDia, Dias, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA) // llamada a funcion que genera el html del calendario
}

function DibujaCalendarioZoomNew(PrimerDia, UltimoDia, Dia, monthName, Ano, Mes,DiaHoy,MesHoy,AnoHoy,Feriados,Url,Accion,Voy,BloqueosVitacura,BloqueosLaDehesa,BloqueosUAIA)
{

	/************* RUTINA QUE PINTA CALENDARIO MENSUAL *****************/

	// se crea la estructura basica de la tabla
	var text 	= "" 				// inicializacion de variable
	var openCol = "" 				// Variable que permiten abrir una columna
	var closeCol= ""  				// Variable que permiten cerrar una columna
	var Dias_Semana = new Array(7)	// crea un arreglo con los dias de la semana
	var Feriados_Mes = new Array(31)
	var i

	// declaracion de variables auxiliares

	var digit = 0
	var curCell = 0
	
	for(i=1;i<=31; i++)
	{
		Feriados_Mes[i] = 0
	}
	
	for(i=0;i< Feriados.length;i++)
	{
		Feriados_Mes[Feriados[i]]=1
	}
	
	Dias_Semana[0] 	= "L"
	Dias_Semana[1] 	= "M"
	Dias_Semana[2] 	= "M"
	Dias_Semana[3] 	= "J"
	Dias_Semana[4] 	= "V"
	Dias_Semana[5] 	= "S"
	Dias_Semana[6] 	= "D"
	
	/* VARIABLES QUE ME PERMITEN SETEAR LA NUEVAS FECHA*/

	

	var diaAntesFinal = RetornaDias((((Mes-1)+12)%12),Ano)
	
	var diaAntesDespues =  RetornaDias(((Mes+1)%12),Ano)
	
	var FechaAntes = new Date(Ano,(Mes-1),diaAntesFinal) 
	var FechaDespues = new Date(Ano,(Mes+1),diaAntesDespues) 
		
	var AnoAntes = FechaAntes.getYear()
	var AnoDespues = FechaDespues.getYear()
	
	if (AnoAntes < 1000) 
		AnoAntes+=1900
	if (AnoDespues < 1000) 
		AnoDespues+=1900
	
	if (Voy.length != 0)
	{
		if((Feriados_Mes[Dia]==1) && (Voy==1))
		{
				Dia--
		}
		if((Feriados_Mes[Dia]==1) && (Voy==2))
		{
				Dia++
		}
	}

		
		text2 = '<table width="599" border="0" cellpadding="2" cellspacing="1" bgcolor="cccccc">'
		text2 += '<tr bgcolor="009999">' 
		text2 += '<td colspan="7" align="center"><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong>'

		Mesx = FechaAntes.getMonth();
		if(FechaAntes.getMonth() < 10){
			Mesx = "0" + FechaAntes.getMonth();
		}
		MesHoyx = MesHoy;
		if(MesHoy < 10){
			MesHoyx = "0" + MesHoy;
		}					
		fechaConsultaxx = "" + AnoAntes + Mesx ;
		fechaActualxx = "" + AnoHoy + MesHoyx;
		fechaConsultaxx = parseFloat(fechaConsultaxx);
		fechaActualxx = parseFloat(fechaActualxx);
		if (fechaConsultaxx >= fechaActualxx)
		{
			text2 += '<a href="'+Url+'&Mes='+FechaAntes.getMonth()+'&Ano='+AnoAntes+'&Dia='+FechaAntes.getDate()+'&Voy=1&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self" ><img src="img/reserva_17.gif" alt="mes anterior" width="20" height="14" border="0"></a>'
		}

		text2 += monthName + ' ' + Ano 		
		text2 += '<a href="'+Url+'&Mes='+FechaDespues.getMonth()+'&Ano='+AnoDespues+'&Dia=1&Voy=2&boton=Centro&Accion='+Accion+'" onmouseover="window.status=\'Calendario\';return true" target="_self" ><img src="img/reserva_16.gif" alt="mes siguiente" width="20" height="14" border="0"></a></strong></font></td>'
		text2 += '</tr>'

		// Inicio --> Arma fila letra días
		text2 += '<tr bgcolor="e4feff">'
		   for (var dayNum = 0; dayNum < 7; ++dayNum)
		   {
		   	  if (dayNum == 6)
			     text2	+=	'<td width="36" align="center"><font color="#666666" size="3" face="Arial, Helvetica, sans-serif"><strong>' + Dias_Semana[dayNum] + '</strong></font></td>'
			  else		  
			     text2	+=	'<td width="94" align="center"><font color="#666666" size="3" face="Arial, Helvetica, sans-serif"><strong>' + Dias_Semana[dayNum] + '</strong></font></td>'
		   }
		text2 += '</tr>'

		// Arma Disponibilidad de Días
		for (var Fila = 1; Fila <= Math.ceil((UltimoDia + PrimerDia ) / 7); ++Fila) 
		{
			text2 += '<tr bgcolor="ffffff">'
			for (var Columna = 0; Columna < 7; ++Columna) 
			{
				if (digit >= UltimoDia)
				{
					for (var aux_Columna = Columna;  aux_Columna < 7; ++aux_Columna) 
					{	
						text2 += '<td>&nbsp;</td>';
					}
					break
				}
				if (curCell < PrimerDia) 
				{
					text2 += '<td>&nbsp;</td>';
					curCell++
				} 
				else
				{
				
					if (Columna == 6)
					{
						text2 += '<td width="36" valign="top" bgcolor="F9F4EB"><div align="right">'
						text2 += '<table width="100%" border="0" cellpadding="3" cellspacing="0">'
						text2 += '<tr>' 
						text2 += '<td align="right"><font face="Arial, Helvetica, sans-serif"><strong>' + (digit+1) + '</strong></font></td>'
						text2 += '</tr>'
						text2 += '<tr>'
						text2 += '<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>'
						text2 += '</tr>'
						text2 += '</table>'
						text2 += '<font face="Arial, Helvetica, sans-serif"></font></div></td>'					
					}
					else
					{
					
						if ( Feriados_Mes[digit+1]==1)					
						{
						   text2 += '<td width="36" valign="top" bgcolor="F9F4EB"><div align="right">'
						   text2 += '<table width="100%" border="0" cellpadding="3" cellspacing="0">'
						   text2 += '<tr>' 
						   text2 += '<td align="right"><font face="Arial, Helvetica, sans-serif"><strong>' + (digit+1) + '</strong></font></td>'
						   text2 += '</tr>'
						   text2 += '<tr>'
						   text2 += '<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>'
						   text2 += '</tr>'
						   text2 += '</table>'
						   text2 += '<font face="Arial, Helvetica, sans-serif"></font></div></td>'					
						}
						else
						{
					       text2 += '<td valign="top" bgcolor="ffffff"><table width="100%" border="0" cellpadding="3" cellspacing="0">'
			  		       text2 += '<tr>' 

						   if ((digit+1) == Dia)
							  text2 += '<td align="right" background="img/animacion_fondo_dia.gif"><font face="Arial, Helvetica, sans-serif"><strong>' + (digit+1) + '</strong></font></td>'	
						   else
							 text2 += '<td align="right"><font face="Arial, Helvetica, sans-serif"><strong>' + (digit+1) + '</strong></font></td>'
						
						   text2 += '</tr>'
						   text2 += '<tr>'
						   text2 += '<td><font size="1" face="Verdana, Arial, Helvetica, sans-serif">'
					  					  
						   if	(BloqueosVitacura[digit] == 1)
						   {
//							  if  ((digit+1) >= DiaHoy)
//							   {
							  text2 += '<img src="img/ico_vitacura.gif" width="14" height="9">'
							  text2 += '<a href="'+Url+'&OtraSuc=1&dia='+(digit+1)+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self" >'
							  text2 += 'Disponible</a><br>'					  
//							   }
//							   else
//							   {
//								text2 += '<img src="img/ico_vitacura.gif" width="14" height="9"><font color="#666666">No Dispon.</font><br>'						 
//							   }
						   }
						   else
						   {
							  text2 += '<img src="img/ico_vitacura.gif" width="14" height="9"><font color="#666666">No Dispon.</font><br>'						 
						   }

						   if	(BloqueosLaDehesa[digit] == 1)
						   {
//							  if  ((digit+1) >= DiaHoy)
//							   {
							  text2 += '<img src="img2/ico_dehesa.gif" width="14" height="9">'
							  text2 += '<a href="'+Url+'&OtraSuc=2&dia='+(digit+1)+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self" >'
							  text2 += 'Disponible</a><br>'					  
//							   }
//							   else
//							   {
//								text2 += '<img src="img/ico_dehesa.gif" width="14" height="9"><font color="#666666">No Dispon.</font><br>'						 
//							   }

						   }
						   else
						   {
							  text2 += '<img src="img2/ico_dehesa.gif" width="12" height="10"><font color="#666666">No Dispon.</font><br>'						 
						   }

//						   if	(BloqueosUAIA[digit] == 1)
//						   {
  //							  if  ((digit+1) >= DiaHoy)
  //							   {
//							  text2 += '<img src="img/ico_uaia.gif" width="14" height="9">'
//							  text2 += '<a href="'+Url+'&OtraSuc=3&dia='+(digit+1)+'&mes='+Mes+'&ano='+Ano+'&boton=Centro&Accion=Dia" onmouseover="window.status=\'Calendario\';return true" target="_self" >'
//							  text2 += 'Disponible</a></font>'					  
  //							   }
  //							   else
  //							   {
  //								text2 += '<img src="img/ico_uaia.gif" width="14" height="9"><font color="#666666">No Dispon.</font>'						 
  //							   }
//						   }
//						   else
//						   {
//							  text2 += '<img src="img/ico_uaia.gif" width="14" height="9"><font color="#666666">No Dispon.</font>'						 
//						   }

						   text2 += '</font></td>'
						   text2 += '</tr>'
						   text2 += '</table></td>'
						}
					}
 				  digit++
				}

			}
			text2 += '</tr>'
		}

		text2 += '</table>' // Fin del Calendario

	// imprime el documento como un string en la pagina html
	document.write(text2) 
}
