function changeCalForw(firstMon,firstYear) {

firstMon = (parseInt(firstMon) + 1) ;
if (firstMon == "12") {
	firstMon = 0
	firstYear = (parseInt(firstYear) + 1) 
	}
	var x = document.getElementById("calMon");
	x.value = firstMon;	
	var y = document.getElementById("calYear");
	y.value = firstYear;

	changeContent(firstMon,firstYear);
}

function changeCalBack(firstMon,firstYear) {
firstMon = (parseInt(firstMon) - 1) ;
if (firstMon < "0") {
	firstMon = 11
	firstYear = (parseInt(firstYear) - 1) 
	}
	var x = document.getElementById("calMon");
	x.value = firstMon;	
	var y = document.getElementById("calYear");
	y.value = firstYear;
	
	changeContent(firstMon,firstYear);
}

function changeContent(iMon,iYear) {
	
	var t = document.getElementById("calMon");
	t.value = iMon;	
	var s = document.getElementById("calYear");
	s.value = iYear;	

	var iMonNow = iMon ;
	var iYearNow = iYear ;
	var iMonNext = (iMonNow + 1);
	var iYearNext = iYear ;
	  if (iMonNext == "12") {
	      iMonNext = 0
	   	  iYearNext = (iYearNow + 1) 
	  }

	var calNow = moveCal(iMonNow,iYearNow);
	var calNext = moveCal(iMonNext,iYearNext);

// to check whether to display back button
var CalTest1 = new Date();
var CalTest2 = new Date(iYearNow,iMonNow,01);
var year1 = CalTest1.getYear();
var year2 = CalTest2.getYear();
var month1 = CalTest1.getMonth();
var month2 = CalTest2.getMonth();

var text =' ';
var text2 ='>>';

if ((year2+""+month2) > (year1+""+month1)) {
	var text = '<<<' ;	
}
if ((year1+""+month1) == (s.value+""+t.value)) {
	var text = '' ;	
}


//if (month2+year2 > month1+year1) {
//	var text = '<<<' ;	
//}

if (((iYear+iMon) == '200510') || ((iYearNext+iMonNext) >= '2017')) {
	var text2 = ' ' ;	
	var text = '<<<' ;	
}

if (document.getElementById)
	{
		x = document.getElementById("calContentNow");
		y = document.getElementById("calContentNext");
		z = document.getElementById("chevBack");
		zz = document.getElementById("chevForw");
		x.innerHTML = '';
		y.innerHTML = '';
		z.innerHTML = '';
		zz.innerHTML = '';
		x.innerHTML = calNow;
		y.innerHTML = calNext;
		z.innerHTML = text;
		zz.innerHTML = text2;
	}
	else if (document.all)
	{
		x = document.all["calContentNow"];
		x.innerHTML = calNow;
	}
	else if (document.layers)
	{
		x = document.layers["calContentNow"];
		text2 = '+calNow+';
		x.document.open();
		x.document.write(text2);
		x.document.close();
	}
}

function moveCal(iMon,iYear) {
	
<!-- Begin
//  SET ARRAYS
var day_of_week = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');
var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

//alert(Calendar)

var year = Calendar.setYear(iYear);	    // Returns year
var month = Calendar.setMonth(iMon);    // 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(iMon);    // Start the calendar month at now

/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your calendar's look. */
var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=0 BGCOLOR=#d7cfbf BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE>';

var highlight_book_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=0 BGCOLOR=#EA9149 BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';
var highlight_book_end = '</CENTER></TD></TR></TABLE></B>';

var TD_start = '<TD WIDTH="30" valign="top"><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=1 CELLSPACING=0 CELLPADDING=2>' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EA9149"><CENTER><B>';
cal += month_of_year[iMon]  + '   ' + iYear + '</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 + '&nbsp;' + TD_end;
		var iyy = 0;
		// 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;
  			   iyy = (iyy + 1);
			   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;
  				//else
  
  				var testt;
  				testt = fGetBookedDay(iMon,(index + 1));
  				if (testt == "yes") {
					cal += highlight_book_start + day + highlight_book_end + TD_end;
  				}
  				else{
  					cal += highlight_start + day + highlight_end + TD_end;
  				}
  				}

  				// END ROW FOR LAST DAY OF WEEK
  				if(week_day == DAYS_OF_WEEK)
  				   cal += TR_end;
  				}

if ((index == (DAYS_OF_MONTH -1)) && ((week_day) != 6))
{
  cal += '<TD>&nbsp;</TD></TR>';
}

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal +=   '</TD></TR></TABLE></TABLE>';


//}
return cal;
}
//  End -->

