
function obtiene_fecha()
{
   var fecha_actual = new Date()
   var dia = fecha_actual.getDate()
   var mes = fecha_actual.getMonth() + 1
   var anio = fecha_actual.getFullYear()


   if (anio < 100)
      anio = '19' + anio
   else if ( ( anio > 100 ) && ( anio < 999 ) ) 
   {
      var cadena_anio = new String(anio)
      anio = '20' + cadena_anio.substring(1,3)
   }      

   if (mes < 10)
      mes = '0' + mes

   if (dia < 10)
      dia = '0' + dia

   return (dia + "/" + mes + "/" + anio)
   
}

function calendario()
{
	var x, y, fila, valor
   	var fecha_actual =  new Date()
   	var dia_mes = fecha_actual.getDate()		//dia del mes
   	var mes = fecha_actual.getMonth() + 1		//mes del año
   	var anio = fecha_actual.getFullYear()		//año
   	var dia_semana = fecha_actual.getDay() - 1	//dia de la semana (-1 para domingo, 0 para lunes, etc.)
	//var months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
	var months = new Array("enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre");

	//array de dias que tiene cada mes
	dias_por_mes = new Array(12)
	dias_por_mes[0] = 31
	dias_por_mes[1] = 28
	dias_por_mes[2] = 31
	dias_por_mes[3] = 30
	dias_por_mes[4] = 31
	dias_por_mes[5] = 30
	dias_por_mes[6] = 31
	dias_por_mes[7] = 31
	dias_por_mes[8] = 30
	dias_por_mes[9] = 31
	dias_por_mes[10] = 30
	dias_por_mes[11] = 31

	//corrige dia de la semana
	if(dia_semana == -1) 
		dia_semana = 6

	//corrige dias de febrero si año bisiesto
	if((anio % 4) == 0) 
		dias_por_mes[1]++

	//crea matriz de datos
	matriz = new Array(6)
	for (fila = 0; fila < 6; fila++) 
		matriz[fila] = new Array(7)

	//obtiene posición día 1
	y = dia_semana + 1
	for (x = dia_mes; x > 0; x--) 
	{
		y--	
		if (y < 0) 
			y = 6
	}
		
	//guarda valores en variable matriz
	valor = 1
	for (fila = 0; fila < 6; fila++) 
	{
		for (x = 0; x < 7; x++) 
		{
			if ((fila == 0) && (x < y)) 
			{				//valores vacíos primera fila
				matriz[fila][x] = "<span style='color:#ff0000'>&nbsp;</span>"
			} 
			else if (valor > dias_por_mes[mes - 1]) 
			{		//valores vacíos última línea
				matriz[fila][x] = "<span style='color:#ff0000'>&nbsp;</span>"
			} 
			else if (valor == dia_mes) 
			{				//valor día actual
				matriz[fila][x] = "<span style='width:25px; height:16px; color:#0000ff; background-image:url(img/img_cal/day_select.gif)'>" + valor + "</span>"
				valor++
			} 
			else 
			{
				matriz[fila][x] = valor				//valores ocupados
				valor++
			}
		}
	}

	//impresion del calendario
	document.write("<div style='width:370px'>");

	document.write("<table border='0' cellpadding='0' cellspacing='0'>");
	document.write("<tr style='height:3px'><td style='width:3px; background-image:url(img/img_cal/arriba_izquierda.gif)'></td><td style='background-image:url(img/img_cal/arriba_centro.gif)'></td><td style='width:3px; background-image:url(img/img_cal/arriba_derecha.gif)'></td></tr>");
	document.write("<tr><td style='background-image:url(img/img_cal/middle_izquierda.gif)'></td><td>");

	document.write("<table border='0' style='width:350px; border:solid 0px #000000; background-color:#ffffff' cellspacing='0' cellpadding='0'>")
	document.write("  <tr>")
	document.write("    <td colspan='7' style='border:solid 0px #000000; text-align:left; font-size:13px; font-family:arial; color:orange'><b>&nbsp;" + months[mes-1] + " de " + anio + "</b></b></td>")
	document.write("    <td style='border:solid 0px #000000; text-align:left; font-size:13px; font-family:arial; color:orange'; width:190px; verticla-align:top'><b>Estamos en:</b></td>")
	document.write("  </tr>")
	document.write("  <tr>")												//crea fila de nombres de días
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'><b>Lun</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'><b>Mar</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'><b><b>Mie</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'><b>Jue</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'><b>Vie</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center; background-color:#e0ffff'><span style='color:#000000; font-family:arial; font-size:12px'><b>Sab</b></span></td>")
	document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center; background-color:#e0ffff'><span style='color:#000000; font-family:arial; font-size:12px; color:red'><b>Dom</b></span></td>")

	document.write("    <td id='img_fondo_est' style='width:220px; vertical-align:top; text-align:left' rowspan='8'>")
	
	document.write("</td>")


	document.write("  </tr>")
	document.write("  <tr>")
	document.write("    <td colspan='7' style='height:1px; background-color:red'></td>")
	document.write("  </tr>")

	for(fila = 0; fila < 6; fila++) {
		if ((matriz[fila][0] == "") && (matriz[fila][6] == "")) 		//no muestra ultima fila vacía
			break
			
		document.write("  <tr>")											//crea fila de tabla calendario
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][0] + "</span></td>")
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][1] + "</span></td>")
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][2] + "</span></td>")
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][3] + "</span></td>")
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][4] + "</span></td>")
		
		if(matriz[fila][5]!='')
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center; background-color:#e0ffff'><span style='color:#000000; font-family:arial; font-size:12px'>" + matriz[fila][5] + "</span></td>")

		if(matriz[fila][6]!='')
		document.write("    <td style='border:solid 0px #000000; width:40px; text-align:center; background-color:#e0ffff'><span style='color:#ff0000; font-family:arial; font-size:12px'>" + matriz[fila][6] + "</span></td>")
		
		document.write("  </tr>")
	}

	document.write("</table>")


	document.write("</td><td style='background-image:url(img/img_cal/middle_derecha.gif)'></td></tr>");
	document.write("<tr style='height:3px'><td style='background-image:url(img/img_cal/abajo_izquierda.gif)'></td><td style='background-image:url(img/img_cal/abajo_centro.gif)'></td><td style='background-image:url(img/img_cal/abajo_derecha.gif)'></td></tr>");
	document.write("</table>");

	document.write("</center></div>")
	extraeer_estacion();
	
}


function extraeer_estacion()
{
	var fecha_actual = new Date()
	var dia = fecha_actual.getDate()
	var mes = fecha_actual.getMonth()+1

	var	dias = new Array(4);
	var	meses = new Array(4);
	var	estaciones = new Array(4);
	var estacion=-1;
	var cont=0;
	var imageurl = new Array()

	imageurl[0] ="img/img_cal/invierno.jpg"
	imageurl[1] ="img/img_cal/primavera.jpg"
	imageurl[2] ="img/img_cal/verano.jpg"
	imageurl[3] ="img/img_cal/otonio.jpg"



	dias[0] = 21;
	dias[1] = 21;
	dias[2] = 21;
	dias[3] = 21;
	meses[0] = 3;
	meses[1] = 6;
	meses[2] = 9;
	meses[3] = 12;
	estaciones[0]="Invierno"
	estaciones[1]="Primavera"
	estaciones[2]="Verano"
	estaciones[3]="Otoño"

	

	for(cont=0;cont<=3;cont++)
	{
		if(mes<=meses[cont])
		{
			if(dia<dias[cont])
			{
				estacion=cont;
			}
			else
			{
				if(mes>=meses[cont])
				{
					estacion=cont+1;		
				}
				else
				{
					estacion=cont;			
				}
			}
		}
		if(estacion>-1)
			break;
	}
	if(estacion==4)
		estacion=0;
	//valores de con
	//invierno=0 y 4
	//primavera=1
	//verano=2
	//otoño=3
	if(navigator.appName=="Microsoft Internet Explorer")
	{
    	img_fondo_est.background=imageurl[estacion];
	    img_fondo_est.innerHTML="<div style='width:129px; height:124px; position:absolute; font-family:arial; color:#ffffff; font-size:22px'><b>&nbsp;"+estaciones[estacion]+"</b></div>";   
    }
	else
	    img_fondo_est.innerHTML="<div style='border:solid 1px #000000; width:129px; height:102px; background-image:url("+imageurl[estacion]+"); position:absolute; font-family:arial; color:#ffffff; font-size:22px'><b>&nbsp;"+estaciones[estacion]+"</b></div>";

}

