// JavaScript Document
var idContenedor = "miCalendario"
var celda = 16
var borde = 1
var colorBorde = "#52453D"
var hoy = new Date()
var mes = hoy.getMonth()
var dia = 1
var anio = hoy.getFullYear()
var array_fecha = ""
var diasSemana = new Array ('L','M','M','J','V','S','D')
var meses = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre')
//	var reservas = new Array('5/11/2009','6/11/2005','12/11/2005','13/10/2005','11/04/2009','12/04/2009','13/04/2009','9/10/2009','10/10/2009','12/10/2009')
var reservas_longuitud = reservas.length
var diar = 0
var mesr = 0
var anior= 0
var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;
if(tunIex && navigator.userAgent.indexOf('Opera')>=0){tunIex = false}
tunOp = navigator.userAgent.indexOf('Opera')>=0 ? true: false;
function tunCalendario(){
dia2 = dia
var anCa = celda * 7
anCa += borde * 6 
if(tunIex || tunOp){anCa +=2}
tab = document.createElement('div')
tab.id = 'calendario'
tab.style.width = anCa + "px"
tab.style.padding = "1px"
tab.style.backgroundColor = colorBorde
document.getElementById(idContenedor).appendChild(tab)
fi2 = document.createElement('div')
fi2.id = 'mes'
fi2.style.clear = "both"
fi2.style.height = celda + "px"
fi2.style.marginBottom = borde + "px"
fi2.appendChild(document.createTextNode(meses[mes] + "  -  " + anio))
fi = document.createElement('div')
fi.appendChild(fi2)
fi.className = 'fila'
fi.style.clear = "both"
tab.appendChild(fi)
fi.style.height = celda + "px"
fi.style.marginBottom = borde + "px"
for(m=0;m<7;m++){
	ce = document.createElement('div')
	ce.style.width = celda + "px"
	ce.style.height = celda + "px"
	ce.style.marginRight = borde + "px"
	ce.className = "diaS"
	tunIex ? ce.style.styleFloat = "left" : ce.style.cssFloat ="left"
	ce.appendChild(document.createTextNode(diasSemana[m]))
	fi.appendChild(ce)
	if(m == 6){ce.style.marginRight = 0}
	}
	var escribe = false
	var escribe2 = true
fecha = new Date(anio,mes,dia)
var d = fecha.getDay()-1 //dia semana
if(d<0){d = 6}
while(escribe2){
fi = document.createElement('div')
fi.className = 'fila'
fi.style.clear = "both"
fi.style.marginBottom = borde + "px"
fi.style.height = celda + "px"
co = 0
	for(t=0;t<7;t++){
		ce = document.createElement('div')
		ce.style.width = celda + "px"
		ce.style.height = celda + "px"
		ce.style.marginRight = borde + "px"
		if(escribe && escribe2){
		fecha2 = new Date(anio,mes,dia)
		
			if(fecha2.getMonth() != mes){escribe2 = false;}
			else{
				//if(dia == 15)
				//   ce.className = 'celda_rojo'
				ce.appendChild(document.createTextNode(dia));
				dia++;
				co++;
				}
		}
		if(d == t && !escribe){
		ce.appendChild(document.createTextNode(dia))
		dia++;co++
		escribe = true
		}
		fi.appendChild(ce)
		if(hoy.getDate()+1 == dia && mes == hoy.getMonth() && anio == hoy.getFullYear())
		{
		  ce.className = "Hoy"
		}
		else{
			//Aquí es donde  pondremos las reservas
		         for(re=0;re<reservas.length;re++)
				 {
				    array_fecha = reservas[re].split("/") 
				    //document.write("Día:"+array_fecha[0]+"<br>")
 				    //document.write("Mes:"+array_fecha[1]+"<br>")
 				    //document.write("Año:"+array_fecha[2]+"<br>")
				if(dia - 1 == array_fecha[0] && mes  == array_fecha[1] - 1 && anio == array_fecha[2] )
					   ce.className = 'celda_rojo'
					
					
				   
				 }
		}
		tunIex ? ce.style.styleFloat = "left" : ce.style.cssFloat ="left"
		if(t == 6){ce.style.marginRight = 0}
		}
		
	if(co>0){tab.appendChild(fi)}
	
	}
dia = dia2
}
function borra(){
document.getElementById(idContenedor).removeChild(document.getElementById('calendario'))
}
function establecerFecha(){
tunFe = new Date()
document.getElementById('tunMes').options[tunFe.getMonth()].selected = true
document.getElementById('tunAnio').value = tunFe.getFullYear()
}