/* Preload images script */
$(document).ready(function()
{
changedate('return')
showNextEvent()
});

var myimages=new Array()

function preloadimages(){
	for (i=0;i<preloadimages.arguments.length;i++){
		myimages[i]=new Image();
		myimages[i].src=preloadimages.arguments[i];
	}
}


/* The path of images to be preloaded inside parenthesis: (Extend list as desired.) */
//preloadimages("images/PrevYrOff40x40.jpg","images/PrevYrOn40x40.jpg","images/PrevMoOff40x40.jpg","images/PrevMoOn40x40.jpg","images/NextYrOff40x40.jpg","images/NextYrOn40x40.jpg","images/NextMoOff40x40.jpg","images/NextMoOn40x40.jpg");


/***************************************************************************************
	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("January","February","March","April","May","June","July","August","September","October","November","December");
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 eastermonth = 0;
var easterday = 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;
		if (monthNum < 5) { monthNum = 5; }
		yearNum = todaysYear;
	}

	if (monthNum == 4) { //0
		monthNum = 9; //12
		//yearNum--;
	}
	else if (monthNum == 10) { //13
		monthNum = 5; //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();
	
	//alert("swapping");
	

	$(this).delay((200),function(){
		$('.noChange').attr('style', ' ');
	});

	$('.iconCalendar').click(function(){
		$(this).delay((200),function(){
			$('.calBorderOff').removeClass('calBorderOff').addClass('calBorderOn');
		});
	});


	
	return;
}


function easter(year) {
// feed in the year it returns the month and day of Easter using two GLOBAL variables: eastermonth and easterday
var a = year % 19;
var b = Math.floor(year/100);
var c = year % 100;
var d = Math.floor(b/4);
var e = b % 4;
var f = Math.floor((b+8) / 25);
var g = Math.floor((b-f+1) / 3);
var h = (19*a + b - d - g + 15) % 30;
var i = Math.floor(c/4);
var j = c % 4;
var k = (32 + 2*e + 2*i - h - j) % 7;
var m = Math.floor((a + 11*h + 22*k) / 451);
var month = Math.floor((h + k - 7*m + 114) / 31);
var day = ((h + k - 7*m +114) % 31) + 1;
eastermonth = month;
easterday = day;
}


function createCalendar() {
	

	
	calendarString = '';
	var daycounter = 0;
	calendarString += '<table border="0" cellpadding="0" cellspacing="1" id="calTable">';
	calendarString += '<tr>';
	calendarString += '<td align=\"center\" valign=\"center\" class="prevCell"><a href=\"#\" onClick=\"changedate(\'prevmo\');return false;\"><img name=\"PrevMo\" src=\"images\/arrowPrev\.png\" width=\"16\" height=\"15\" border=\"0\" alt=\"Prev Mo\"\/><\/a><\/td>';
	calendarString += '<td align=\"center\" valign=\"center\" colspan=\"5\" style=\"color: #e0144c; padding-bottom: 10px;\"><b>Events Calendar &frasl; ' + wordMonth[monthNum-1] + '&nbsp;&nbsp;' + yearNum + '<\/b><\/td>';
	calendarString += '<td align=\"center\" valign=\"center\" class="nextCell"><a href=\"#\" onClick=\"changedate(\'nextmo\');return false;\"><img name=\"NextMo\" src=\"images\/arrowNext\.png\" width=\"16\" height=\"15\" border=\"0\" alt=\"Next Mo\"\/><\/a><\/td>';
	calendarString += '<\/tr>';
	calendarString += '<tr>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calSunday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calMonday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calTuesday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calWednesday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calThursday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calFriday.gif\" width=\"54\" height=\"11\" /><\/td>';
	calendarString += '<td class="noChange" bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"54\"><img src=\"images/calSaturday.gif\" width=\"54\" height=\"11\" /><\/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++;

			var highlightToday = "";
			if ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum)) {
			highlightToday = "_on";
			}


			if ((daycounter > numbDays) || (daycounter < 1)) {
				calendarString += '<td align=\"center\" style=\" height: 10px; width: 53px; background: url(images/blank.gif) no-repeat;\">&nbsp;<\/td>';
			} else {
				if (checkevents(daycounter,monthNum,yearNum,i,x)){
						
						var currentDay =  monthNum + '' + daycounter + '' + yearNum;
						if (currentDay == 6192009 || currentDay == 7242009) { var eventIcon = "gtCalLogo.png"; } else { var eventIcon = "sbbCalLogo.png"; }
						
					calendarString += '<td align=\"center\" class=\"calBorderOff\" style=\"height: 10px; width: 53px; background: url(images/cal' + daycounter + highlightToday + '.gif) no-repeat;\"><a href=\"javascript:showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')\"><img src=\"images/'+ eventIcon +'\" width=\"50\" height=\"50\" id=\"evtIcon\" /><\/a><\/td>';
				} else {
					calendarString += '<td align=\"center\" class=\"calBorderOff\" style=\"height: 55px; width: 53px; background: url(images/cal' + daycounter + highlightToday + '.gif) no-repeat;\"><\/td>';
				}
				
			}
		}
		calendarString += '<\/tr>';
	}

	calendarString += '<\/table>';
	
	

	var object=document.getElementById('calendar');
	object.innerHTML= calendarString;
	thisDate = 1;
	
	if (monthNum == 5) {
	$('.prevCell').empty();
	}
	if (monthNum == 7) {
	$('.nextCell').empty();
	}
	
	
	
}


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

	for (var i = 0; i < events.length; i++) {
		if (events[i][0] == "W") {
			if ((events[i][2] == dayofweek)) numevents++;
		}
		else if (events[i][0] == "Y") {
			if ((events[i][2] == day) && (events[i][1] == month)) numevents++;
		}
		else if (events[i][0] == "F") {
			if ((events[i][1] == 3) && (events[i][2] == 0) && (events[i][3] == 0) ) {
				easter(year);
				if (easterday == day && eastermonth == month) numevents++;
			} else {
				floater = floatingholiday(year,events[i][1],events[i][2],events[i][3]);
				if ((month == 5) && (events[i][1] == 5) && (events[i][2] == 4) && (events[i][3] == 2)) {
					if ((floater + 7 <= 31) && (day == floater + 7)) {
						numevents++;
					} else if ((floater + 7 > 31) && (day == floater)) numevents++;
				} else if ((events[i][1] == month) && (floater == day)) numevents++;
			}
		}
		else if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			numevents++;
		}
	}

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


function showevents(day,month,year,week,dayofweek) {
var theevent = "";
var floater = 0;
var eventCount = 0;
$('#jFlowSlide').empty();
$('#jFlowSlide').attr('style', '').attr('id', 'mySlides');
$('#myController').empty();
$("#slideControls").css('visibility', 'hidden');
$(".jFlowNext").unbind('click');
$(".jFlowPrev").unbind('click');

	for (var i = 0; i < events.length; i++) {
		
		if ((events[i][2] == day) && (events[i][1] == month) && (events[i][3] == year)) {
			//theevent += "G Events of: \n" + month +'/'+ day +'/'+ year + '\n';
			eventCount ++;

		    $('#myController').append('<span class="jFlowControl"></span>'); 
			
			theevent += '<div><strong>' + events[i][6] + '</strong><br />';
			theevent += events[i][7] + '<br />' + '\n';
			theevent += events[i][4] + ' - ' + events[i][5] + '</div>';
			
			document.getElementById('month').innerHTML = '<img src=\"images/month' + month + '.png\" width=\"175\" height=\"50\" class=\"month\" />';
			document.getElementById('day').innerHTML = '<img src=\"images/day' + day + '.png\" width=\"140\" height=\"109\" class=\"day\" />';
			document.getElementById('mySlides').innerHTML = theevent;

		}
		
	}
	if (theevent == "") document.forms.eventform.eventlist.value = 'No events to show.';
	
	if (eventCount > 1) {
		$("#slideControls").css('visibility', 'visible');
		$("#myController").jFlow({
			slides: "#mySlides",
			width: "170px",
			height: "90px",
			duration: 500
		});
	}
	
	
}




function showNextEvent() {
var theevent = "";
var floater = 0;
var eventCount = 0;



for (var i = 0; i < events.length; i++) {
	

		if((events[i][1] == todaysMonth) && (events[i][2] >= todaysDate) ) {
		
			
			document.getElementById('month').innerHTML = '<img src=\"images/month' + events[i][1] + '.png\" width=\"175\" height=\"50\" class=\"month\" />';
			document.getElementById('day').innerHTML = '<img src=\"images/day' + events[i][2] + '.png\" width=\"140\" height=\"109\" class=\"day\" />';
			
			foundMonth = events[i][1];
			foundDay = events[i][2];
			
				for (var j = 0; j < events.length; j++) {
				
				
					if((events[j][1] == foundMonth) && (events[j][2] == foundDay) ) {
						
						eventCount ++;
						$('#myController').append('<span class="jFlowControl"></span>'); 
						theevent += '<div><strong>' + events[j][6] + '</strong><br />';
						theevent += events[j][7] + '<br />' + '\n';
						theevent += events[j][4] + ' - ' + events[j][5] + '</div>';
						
						
					}
					
				}
			
			document.getElementById('mySlides').innerHTML = theevent;
			
			if (eventCount > 1) {
		$("#slideControls").css('visibility', 'visible');
		$("#myController").jFlow({
			slides: "#mySlides",
			width: "170px",
			height: "90px",
			duration: 500
		});
	}
			
			return;
			
		}
		else if((events[i][1] > todaysMonth)) {
			
			 
			document.getElementById('month').innerHTML = '<img src=\"images/month' + events[i][1] + '.png\" width=\"175\" height=\"50\" class=\"month\" />';
			document.getElementById('day').innerHTML = '<img src=\"images/day' + events[i][2] + '.png\" width=\"140\" height=\"109\" class=\"day\" />';
			
			foundMonth = events[i][1];
			foundDay = events[i][2];
			
				for (var j = 0; j < events.length; j++) {
				
				
					if((events[j][1] == foundMonth) && (events[j][2] == foundDay) ) {
						
						eventCount ++;
						$('#myController').append('<span class="jFlowControl"></span>');
						theevent += '<div><strong>' + events[j][6] + '</strong><br />';
						theevent += events[j][7] + '<br />' + '\n';
						theevent += events[j][4] + ' - ' + events[j][5] + '</div>';
						document.getElementById('mySlides').innerHTML = theevent;
						
					}
					
				}
			
			if (eventCount > 1) {
		$("#slideControls").css('display', 'block');
		$("#myController").jFlow({
			slides: "#mySlides",
			width: "170px",
			height: "90px",
			duration: 500
		});
	}
			
			return;
			
		}

}

return;
}



function floatingholiday(targetyr,targetmo,cardinaloccurrence,targetday) {
// Floating holidays/events of the events.js file uses:
//	the Month field for the Month (here it becomes the targetmo field)
//	the Day field as the Cardinal Occurrence  (here it becomes the cardinaloccurrence field)
//		1=1st, 2=2nd, 3=3rd, 4=4th, 5=5th, 6=6th occurrence of the day listed next
//	the Year field as the Day of the week the event/holiday falls on  (here it becomes the targetday field)
//		1=Sunday, 2=Monday, 3=Tuesday, 4=Wednesday, 5=Thurday, 6=Friday, 7=Saturday
//	example: "F",	"1",	"3",	"2", = Floating holiday in January on the 3rd Monday of that month.
//
// In our code below:
// 	targetyr is the active year
// 	targetmo is the active month (1-12)
// 	cardinaloccurrence is the xth occurrence of the targetday (1-6)
// 	targetday is the day of the week the floating holiday is on
//		0=Sun; 1=Mon; 2=Tue; 3=Wed; 4=Thu; 5=Fri; 6=Sat
//		Note: subtract 1 from the targetday field if the info comes from the events.js file
//
// Note:
//	If Memorial Day falls on the 22nd, 23rd, or 24th, then we add 7 to the dayofmonth to the result.
//
// Example: targetyr = 2052; targetmo = 5; cardinaloccurrence = 4; targetday = 1
//	This is the same as saying our floating holiday in the year 2052, is during May, on the 4th Monday
//
var firstdate = new Date(String(targetmo)+"/1/"+String(targetyr));	// Object Storing the first day of the current month.
var firstday = firstdate.getUTCDay();	// The first day (0-6) of the target month.
var dayofmonth = 0;	// zero out our calendar day variable.

	targetday = targetday - 1;

	if (targetday >= firstday) {
		cardinaloccurrence--;	// Subtract 1 from cardinal day.
		dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
	} else {
		dayofmonth = (cardinaloccurrence * 7) + ((targetday - firstday)+1);
	}
return dayofmonth;
}