// 	JavaScript Document
//	Title:		Basic Elements
//	Customer:	
//	Revision: 	
//	created: 	
//	author: 	webmaster@mischunches.com


// 	*********************************************************************************************
//calendar
var day_of_week = new Array('Dom','Lun','Mar','Mie','Jue','Vie','Sab');
var month_of_year = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Setiembre','Octubre','Noviembre','Diciembre');

function getData(){

	document.getElementById("ID_cal").innerHTML = cal;
}

//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

var year = Calendar.getYear();	    // Returns year
var month = Calendar.getMonth();    // Returns month (0-11)
var today = Calendar.getDate();    // Returns day (1-31)
var weekday = Calendar.getDay();    // Returns day (1-31)

var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
var cal;    // Used for printing

Calendar.setDate(1);    // Start the calendar day at '1'
Calendar.setMonth(month);    // Start the calendar month at now


/* VARIABLES FOR FORMATTING
NOTE: You can format the 'border', 'BGCOLOR', 'cellpadding', 'bordercolor'
      tags to customize your caledanr's look. */

var tr_start = '<tr>';
var tr_end = '</tr>';
var highlight_start = '<td width="30"><table cellspacing=0 border=1 bgcolor="#DEDEFF" bordercolor="#CCCCCC"><tr><td width=20><b><center>';
var highlight_end   = '</center></td></tr></table></b>';
var td_start = '<td width="30"><center>';
var td_end = '</center></td>';

/* BEGIN CODE FOR CALENDAR
NOTE: You can format the 'border', 'BGCOLOR', 'cellpadding', 'bordercolor'
tags to customize your calendar's look.*/

cal =  '<table border=1 cellspacing=0 cellpadding=0 bordercolor="#BBBBBB"><tr><td>';
cal += '<table border=0 cellspacing=0 cellpadding=2>' + tr_start;
cal += '<td colspan="' + DAYS_OF_WEEK + '" bgcolor="#EFEFEF"><center><b>';
cal += month_of_year[month]  + '   ' + year + '</b>' + td_end + tr_end;
cal += tr_start;

//   DO NOT EDIT BELOW THIS POINT  //

// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{

// BOLD TODAY'S DAY OF WEEK
if(weekday == index)
cal += td_start + '<b>' + day_of_week[index] + '</b>' + td_end;

// PRINTS DAY
else
cal += td_start + day_of_week[index] + td_end;
}

cal += td_end + tr_end;
cal += tr_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += td_start + '  ' + td_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  // RETURNS THE NEXT DAY TO PRINT
  week_day =Calendar.getDay();

  // START NEW ROW FOR FIRST DAY OF WEEK
  if(week_day == 0)
  cal += tr_start;

  if(week_day != DAYS_OF_WEEK)
  {

  // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
  var day  = Calendar.getDate();

  // HIGHLIGHT TODAY'S DATE
  if( today==Calendar.getDate() )
  cal += highlight_start + day + highlight_end + td_end;

  // PRINTS DAY
  else
  cal += td_start + day + td_end;
  }

  // END ROW FOR LAST DAY OF WEEK
  if(week_day == DAYS_OF_WEEK)
  cal += tr_end;
  }

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</td></tr></table></table>';

//  PRINT CALENDAR


				
// End -->