// Calendario página del Vicerrectorado

msgFont='Arial,helvetiva';
msgFontSize="12";
msgFontColor="black"

width = screen.width;
height = screen.height;

//Array que almacena los eventos a mostrar en el calendario
var eventos = new Array();
	
/*
Here's the array that holds the text to change the divmesIsage to
when you mouseover. Change the text here
*/
function evento(dia,mes,anio,titulo, descripcion){
	this.dia = dia
	this.mes = mes
	this.anio = anio
	this.titulo = titulo
	this.descripcion = descripcion
}



//Escribe el texto text en el elemento obj
function b_writeIt(obj, text){
	document.getElementById(obj).innerHTML=text		
}

//  End Mensaje-------------------------------------------------------------------------------------------------------------->


<!-- STEP ONE: Place the following script into a separate JavaScript file called: calendar.js	 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
//  SET ARRAYS
var day_of_week = new Array('Do','Lu','Ma','Mi','Ju','Vi','Sa');
var month_of_year = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre');

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

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

// Returns year
if(Calendar.getFullYear){
year = Calendar.getFullYear();//IE
}else{
year = Calendar.getYear()+1900;}//Mozilla Firefox

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="20"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR="#cccc66" BORDERCOLOR="#f0f0d2" style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'"><TR><TD WIDTH=18><B><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="20"><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.*/

function dibujaCalendario(mes){

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR="#f0f0d2" style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'"><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2 style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#CCCC66"><CENTER><B>';
cal += month_of_year[mes]  + '   ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;

//   DO NOT EDIT BELOW THIS POINT  //

// LOOPS FOR EACH DAY OF WEEK (Imprime Do, Lu, ...)
for(index=0; index < DAYS_OF_WEEK; index++)
{
	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();
		
	   // PARA LOS EVENTOS
	 	var iEvent;
		for(iEvent=0; iEvent < eventos.length; iEvent++)
		{
			//Si hay eventos, asociamos a cada día el mismo
			if( ((mes+1)==eventos[iEvent].mes)  && (day==eventos[iEvent].dia) &&  (year==eventos[iEvent].anio) )
				day = '<strong><a href="#" onClick="a=window.open(\'evento.html\',\'Eventos\',\'width=600, height=400,scrollbars=YES,resizable = YES, top=' + ((height/4)) + ', left=' + ((width/4)) + '\'); ' +
				'a.document.write(\'' + (eventos[iEvent].dia) +'/'+(eventos[iEvent].mes) +'/'+(eventos[iEvent].anio)+ '<br><br><strong><u>'+(eventos[iEvent].titulo) + '</u></strong><br>'+(eventos[iEvent].descripcion)+'\'); return false;"><u>' + day + '</u></a></strong>';
		}
		 
			
		 // HIGHLIGHT TODAY'S DATE
		 if( today==Calendar.getDate() )		 
		 	 cal += highlight_start + day + highlight_end + TD_end;
	 	 else	//dias normales
		  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

return (cal += '</TD></TR></TABLE></TABLE>');

}

//Muestra el calendario del mes anterior al actual
function mesAnterior(){	

	Calendar.setDate(1);    // Start the calendar day at '1'
	
	if(month - 1 < 0){
		month = 11;		
		year -= 1;		
		Calendar.setYear(year);
	}
	else
		month = month - 1;
	
	Calendar.setMonth(month);
	Calendar.setYear(year);	
	return b_writeIt('calendario', dibujaCalendario(month));
}

//Muestra el calendario del mes siguiente al actual
function mesSiguiente(){
	
	Calendar.setDate(1);    // Start the calendar day at '1'
	
	if(month + 1 > 11){
		month = 0;
		year += 1;		
		Calendar.setYear(year);
	}
	else
		month = month + 1;		
	Calendar.setMonth(month);
	Calendar.setYear(year);	
	return b_writeIt('calendario', dibujaCalendario(month));
}


//  End Calendario---------------------------------------------------------------------------------------------------------------->