function EventFilter(eventRegion){
	//if no region is specified, make sure all events are displayed.
	if(eventRegion == ''){
		for(var i=0; i < eventsArray.length; i++){
			var event = 'event'+ eventsArray[i][0];
			document.getElementById(event).style.display='block';
		}
	}

	//only show events which match the region specified.
	else{
		for(var i=0; i < eventsArray.length; i++){
			var event = 'event'+ eventsArray[i][0];
			var region = eventsArray[i][1];

			if(eventRegion == region){
				document.getElementById(event).style.display='block';
			}
			else{
				document.getElementById(event).style.display='none';
			}
		}
	}
}

//used for homepage to display only three events max.
function EventFilterDisplayThree(eventRegion){
	var i=0

	//if no region is specified, make sure all events are displayed.
	if(eventRegion == ''){
		for(i; i < eventsArray.length; i=i+1){
			var event = 'event'+ eventsArray[i][0];
			if(i < 3){
				document.getElementById(event).style.display='block';
				}
			else{
				document.getElementById(event).style.display='none';
			}
		}
	}

	//only show events which match the region specified.
	else{
		var j=0; // the j variable is used to limit the display to 3 events.
		for(i; i < eventsArray.length; i++){
			var event = 'event'+ eventsArray[i][0];
			var region = eventsArray[i][1];

			if(eventRegion == region){
				if(j < 3){
					document.getElementById(event).style.display='block';
					//alert(j);
					j = j+1;
					}
				else{
					document.getElementById(event).style.display='none';
					}
			}
			else{
				document.getElementById(event).style.display='none';
			}
		}
	}
}

//used for homepage to display only FOUR events max.
function EventFilterDisplayFour(eventRegion){
	var i=0

	//if no region is specified, make sure all events are displayed.
	if(eventRegion == ''){
		for(i; i < eventsArray.length; i=i+1){
			var event = 'event'+ eventsArray[i][0];
			if(i < 4){
				document.getElementById(event).style.display='block';
				}
			else{
				document.getElementById(event).style.display='none';
			}
		}
	}

	//only show events which match the region specified.
	else{
		var j=0; // the j variable is used to limit the display to 3 events.
		for(i; i < eventsArray.length; i++){
			var event = 'event'+ eventsArray[i][0];
			var region = eventsArray[i][1];

			if(eventRegion == region){
				if(j < 4){
					document.getElementById(event).style.display='block';
					//alert(j);
					j = j+1;
					}
				else{
					document.getElementById(event).style.display='none';
					}
			}
			else{
				document.getElementById(event).style.display='none';
			}
		}
	}
}

function updateQueryFilter(scriptName, eventRegion){
	document.getElementById('regionFilter').action=scriptName + '?filter=' + eventRegion;
	document.getElementById('regionFilter').submit();
}

/* jQuery based event box */

function hideAllEvents() {
	$("#eventsList li").css("display", "none");
}

function updateEventsDisplay(theSelectedRegion, maxToDisplay){
	//first, hide all the events
	hideAllEvents();
	
	//if region is selected, set display=block matching events
	if (theSelectedRegion=='') {
		$("#eventsList li").slice(0,3).css('display', 'block');
	} else {
		$('.region'+theSelectedRegion).slice(0,3).css('display', 'block');
	}
		
	return true;
}