// JavaScript Document

var fuente=3; //tamaño de la fuente

var fondo="#9d9d9d";
var textonormal="white";
var fiesta="red";

var meses=new Array;
var dias= new Array;

meses[0]= "Enero";
meses[1]= "Febrero";
meses[2]= "Marzo";
meses[3]= "Abril";
meses[4]= "Mayo";
meses[5]= "Junio";
meses[6]= "Julio";
meses[7]= "Agosto";
meses[8]= "Septiembre";
meses[9]= "Octubre";
meses[10]="Noviembre";
meses[11]="Diciembre";

dias[0]="D";
dias[1]="L";
dias[2]="M";
dias[3]="M";
dias[4]="J";
dias[5]="V";
dias[6]="S";

siglo=2000; // cambiar a partir del 2000

function numerodedias(mth,yr)
{
    if (mth==3 || mth==5 || mth==8 || mth==10) return 30;
    else if ((mth==1) && bisiesto(yr)) return 29;
    else if (mth==1) return 28;
    else return 31;
}

function bisiesto(yr) 
{
    if (((yr % 4 == 0) && yr % 100 != 0) || yr % 400 == 0) return true;
    else return false;
}

function getFYear(d) 
{ 
    yr = d.getYear();
    if (yr < 1000)
    yr+=siglo;
    return yr;
}


function vercolor(i)
{
    if (i == 0)
      {return fiesta;}
    else
      {return textonormal;}
}

function calendario(fecha)
{
	if(fecha == ""){
    hoy = new Date();
	}else{    
	hoy = new Date();
    hoy = fecha;
    }
	nowDay = hoy.getDay();
    mo = hoy.getMonth();
    diadehoy = hoy.getDate();
    yr1 = hoy.getFullYear(); //completamos los dos primeros digitos de año

    primerdia=new Date(meses[mo]+" 1,"+yr1);
    dy=primerdia.getDay();

    ultimodia=numerodedias(mo,yr1);

j = 31;
startDate = 1;
tmpDate = diadehoy;
tmpDay = nowDay;
start = false;
end = false;

    // escribir cabecera mes
    document.write('<div align="center" style="width:148px; height:150px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left"><div style="width:138px; height:147px; border-width:5px; border-color:#EEEEEE; border-style:solid;"><div style="width:136px; height:145px; border-width:1px; border-color:#CCCCCC; border-style:solid;">');
    document.write('<div style="height:19px; vertical-align:bottom; font-weight:bold; text-align:center">'+meses[mo]+', '+yr1+'</div><div style="height:19px; vertical-align:bottom; font-weight:bold; text-align:center">HOY</div><div style="height:18px; border-bottom:#666666 solid 1px; float:left">');
    document.write();

    // escribir cabecera dias de la semana
    for (var i=0;i<7;i++)
    {
      document.write('<div style="width:19px; height:18px; float:left; vertical-align:middle; text-align:center">'+dias[i]+'</div>');
    }
    document.write("</div>");
//-------------------------------------------------

for (i = 0; i < j; i++){
  if (tmpDate > 1){
	tmpDate--;
	tmpDay--;
	if (tmpDay < 0){
		tmpDay = 6;
	}
	if (tmpDate <= 1){
		i = 31;
	}
  }
}

for (i = 0; i < 6; i++){
	document.write('<div style="float:left">');
	for (week = 0; week <= 6; week++){
		if (week == tmpDay){
			start = true;
		}
		if (((start == true)||(end == true))&&(startDate == diadehoy)){
			document.write('<div style="width:17px; height:16px; border:#CCCCCC solid 1px; background-color:#CCCCFF; font-weight:bold; float:left;">');
		}
		else{
			document.write('<div style="width:19px; height:18px; float:left;" onclick="javascript:calendario(Date('+yr1+','+mo+','+startDate+',0,0,0,0));">');
		}
		
		if ((start == true)&&(end == false)){
			document.write(startDate);
			startDate++;
		}
		document.write("</div>");
		if (startDate > ultimodia){
			end = true;
		}
	}
	document.write("</div>");
}
//-------------------------------------------------
    document.write("</div></div></div>");
}

//calendario();