// JavaScript Document

function getEvents(){
	$('#events_loader').show();
	var category = $('#tf_ctg').val().trim();
	var month = $('#tf_month').val().trim();
	$('#eventlist').load('/includes/events/eventlist.php', {"category":category, "month":month}, function(){
		initEvents();
		$('#events_loader').hide();
	});
}

function initEvents(){
	if($('#eventlist .event').length == 0){
		$('#eventlist').html('<p>We\'re sorry, but no events could be found to match your selections.</p>');
	}else{
		TB_init();
		$("#eventlist .event").each(function(i,elem){
			var hasImage = $(elem).find('.event_image').html();
			if(!hasImage){
				var html = '<a href="#" onclick="javascript:toggleDetails(this); return false;">';
				html += '<img src="/images/default-event-image.jpg" /></a>';
				$(elem).find('.event_image').html(html);
			}
			
			$(elem).attr("id", "event"+i);
			var links = $(elem).find("a");
			for(n = 0; n < links.length; n++){
				var a = links[n];
				$(a).attr("event_id", i);
			}
		});
	}
}

function toggleDetails(target){
	var id = $(target).attr("event_id");
	$("#event"+id+" .event_details").slideToggle();
}

function ctgFilter(target, slug){
	$('#tf_ctg').val(slug);
	$('#menu_ctg li a.selection').html($(target).text());
	getEvents();
	$('#menu_ctg ul').hide();
}

function dateFilter(target, month){
	$('#tf_month').val(month);
	$('#menu_month li a.selection').html($(target).text());
	getEvents();
	$('#menu_month ul').hide();
}