/***************************************************************************************
	JavaScript Calendar - Digital Christian Design
	//Script featured on and available at JavaScript Kit: http://www.javascriptkit.com
	// Functions
		changedate(): Moves to next or previous month or year, or current month depending on the button clicked.
		createCalendar(): Renders the calander into the page with links for each to fill the date form filds above.
			
***************************************************************************************/

var thisDate = 1;							// Tracks current date being written in calendar
var wordMonth = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
var today = new Date();							// Date object to store the current date
var todaysDay = today.getDay() + 1;					// Stores the current day number 1-7
var todaysDate = today.getDate();					// Stores the current numeric date within the month
var todaysMonth = today.getUTCMonth() + 1;				// Stores the current month 1-12
var todaysYear = today.getFullYear();					// Stores the current year
var monthNum = todaysMonth;						// Tracks the current month being displayed
var yearNum = todaysYear;						// Tracks the current year being displayed
var firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));	// Object Storing the first day of the current month
var firstDay = firstDate.getUTCDay();					// Tracks the day number 1-7 of the first day of the current month
var lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));	// Tracks the last date of the current month
var numbDays = 0;
var calendarString = "";
var homeroad = 0;


function changedate(buttonpressed) {
	if (buttonpressed == "prevyr") yearNum--;
	else if (buttonpressed == "nextyr") yearNum++;
	else if (buttonpressed == "prevmo") monthNum--;
	else if (buttonpressed == "nextmo") monthNum++;
	else  if (buttonpressed == "return") { 
		monthNum = todaysMonth;
		yearNum = todaysYear;
	}

	if (monthNum == 0) {
		monthNum = 12;
		yearNum--;
	}
	else if (monthNum == 13) {
		monthNum = 1;
		yearNum++
	}

	lastDate = new Date(String(monthNum+1)+"/0/"+String(yearNum));
	numbDays = lastDate.getDate();
	firstDate = new Date(String(monthNum)+"/1/"+String(yearNum));
	firstDay = firstDate.getDay() + 1;
	createCalendar();
	return;
}

function createCalendar() {
	calendarString = '';
	var daycounter = 0;
	calendarString += '<table border=\"1\" bordercolor=\"#333333\" cellpadding=\"0\" cellspacing=\"0\">';
	calendarString += '<tr>';
	calendarString += '<td class=\"calendriermonth\" border=\"0\" align=\"center\" valign=\"center\" width=\"125\" height=\"20\" colspan=\"5\"><b>' + wordMonth[monthNum-1] + '&nbsp;&nbsp;' + yearNum + '<\/b><\/td>';
	calendarString += '<td class=\"calendrierbutton\" border=\"0\" bgcolor=\"#000000\" align=\"center\" valign=\"center\" width=\"25\" height=\"20\"><a href=\"#\" onMouseOver=\"document.PrevMo.src=\'images\/PrevMoOn25x20\.jpg\';\" onMouseOut=\"document.PrevMo.src=\'images\/PrevMoOff25x20\.jpg\';\" onClick=\"changedate(\'prevmo\')\"><img name=\"PrevMo\" src=\"images\/PrevMoOff25x20\.jpg\" width=\"25\" height=\"20\" border=\"0\" alt=\"Prev Mo\"\/><\/a><\/td>';
	calendarString += '<td class=\"calendrierbutton\" border=\"0\" bgcolor=\"#000000\" align=\"center\" valign=\"center\" width=\"25\" height=\"20\"><a href=\"#\" onMouseOver=\"document.NextMo.src=\'images\/NextMoOn25x20\.jpg\';\" onMouseOut=\"document.NextMo.src=\'images\/NextMoOff25x20\.jpg\';\" onClick=\"changedate(\'nextmo\')\"><img name=\"NextMo\" src=\"images\/NextMoOff25x20\.jpg\" width=\"25\" height=\"20\" border=\"0\" alt=\"Next Mo\"\/><\/a><\/td>';
	calendarString += '<\/tr>';
	calendarString += '<tr>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/S.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/M.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/T.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/W.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/T.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/F.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<td align=\"center\" bgcolor=\"#000000\" valign=\"center\" width=\"25\" height=\"15\"><img src=\"images\/S.gif\" width=\"25\" height=\"15\"\/><\/td>';
	calendarString += '<\/tr>';

	thisDate == 1;

	for (var i = 1; i <= 6; i++) {
		calendarString += '<tr>';
		for (var x = 1; x <= 7; x++) {
			daycounter = (thisDate - firstDay)+1;
			thisDate++;
			if ((daycounter > numbDays) || (daycounter < 1)) {
				calendarString += '<td class=\"calendrier\" align=\"center\" bgcolor=\"#DDDDDD\" height=\"20\" width=\"25\">&nbsp;<\/td>';
			    } else {
				  if  (checkevents(daycounter,monthNum,yearNum,i,x)){
						     if (homeroad == 1)  {	
					          calendarString += '<td class=\"calendrier\" align=\"center\" bgcolor=\"#FFB74E" height=\"20\" width=\"25\"><a href=\"javascript:showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')\">' + daycounter + '<\/a><\/td>';
                             }
					         if (homeroad == 2) {	
					            calendarString += '<td class=\"calendrier\" align=\"center\" bgcolor=\"#737373\" height=\"20\" width=\"25\"><a href=\"javascript:showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')\">' + daycounter + '<\/a><\/td>';
                             }
							 if (homeroad == 3) {	
					            calendarString += '<td class=\"calendrier\" align=\"center\" bgcolor=\"#00AE21\" height=\"20\" width=\"25\"><a href=\"javascript:showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')\">' + daycounter + '<\/a><\/td>';
                             }

					     } else  {
			                    calendarString += '<td class=\"calendrier\" align=\"center\" bgcolor=\"#FFFFFF\" height=\"20\" width=\"25\">' + daycounter + '<\/td>';
                                  }
			       }
		}		  
		calendarString += '<\/tr>';
	}
    calendarString += '<tr>';
	calendarString += '<td  bgcolor=\"#000000\" align=\"center\" valign=\"center\" height=\"20\" width=\"100\" colspan=\"4\"><img src=\"images\/homeaway.jpg\" width=\"100\" height=\"14\" border=\"0\"\/><\/td>';
	calendarString += '<td class=\"calendrierbottomlink\" colspan=\"3\" nowrap align=\"center\" valign=\"center\" bgcolor=\"#000000\" height=\"20\" width=\"75\" ><a href=\"javascript:changedate(\'return\')\"><b>Go to today<\/b><\/a><\/td><\/tr><\/table>';


	var object=document.getElementById('calendrier_contenu');
	object.innerHTML= calendarString;
	thisDate = 1;
}


function checkevents(day,month,year,week,dayofweek) {
var numevents = 0;


	for (var i = 0; i < events.length; i++) {
			 if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			    numevents++;
			    if (events[i][0] == "H") {
				homeroad = 1;
		        }
                if (events[i][0] == "R") {
    			homeroad = 2;
			    }
				if (events[i][0] == "S") {
    			homeroad = 3;
			    }
			 }
	}

	if (numevents == 0) {
		return false;
	} else {
		return true;
	}
}


function showevents(day,month,year,week,dayofweek) {
var theevent = '';

	for (var i = 0; i < events.length; i++) {
		
		// Now we'll process any One Time events happening on the matching month, day, year:
		if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {

theevent += '<table width=\"190\"  border=\"0\" bordercolor=\"#333333\" cellpadding=\"0\" cellspacing=\"0\">';
	theevent += '<tr>';
	theevent += '<td border=\"0\" class=\"calendrierinfo\" align=\"center\" valign=\"center\">' + events[i][4] + '<\/td>';
    theevent += '<\/tr>';
	theevent += '<tr>';
	theevent += '<td border=\"0\" class=\"calendrierinfo\" align=\"center\" valign=\"center\">' + events[i][5] + '<\/td>';
    theevent += '<\/tr>';
	theevent += '<tr>';
	theevent += '<td border=\"0\" class=\"calendrierinfo\" align=\"center\" valign=\"center\">' + events[i][6] + '<\/td>';
		theevent += '<\/tr><\/table>';

			
			
			var object=document.getElementById('calendrier_info');
	object.innerHTML= theevent;
		}
	}
}