var activities = {};

$(function() {
	
	/** site-wide **/

    $(".carousel").jCarouselLite({
        btnNext: ".carouselwrapper .arrowright",
        btnPrev: ".carouselwrapper .arrowleft",
        circular: true,
        visible: 1,
        auto: 2000,
        speed: 2000
    });
    $("#registerBtn").fancybox({
		type: 'iframe',
		href: 'inschrijven/',
		width: 820,
		height: 800
	});
    
    /** leden-profielen **/
    
	$.datepicker.setDefaults($.datepicker.regional['nl']);
	$('.datepicker').datepicker({
			dateFormat: 'd-m-yy',

			showOn: 'both',
			buttonImage: 'images/calendar.gif',
			buttonImageOnly: true,

			onSelect: function(dateText, inst) {
				var date = dateText.split('-');
				var o = $(this.parentNode).find('.day')[0].options;
				for (var i = 0; i < o.length; i++)
					o[i].selected = o[i].value==date[0];
				var o = $(this.parentNode).find('.month')[0].options;
				for (var i = 0; i < o.length; i++)
					o[i].selected = o[i].value==date[1];
				var o = $(this.parentNode).find('.year')[0].options;
				for (var i = 0; i < o.length; i++)
					o[i].selected = o[i].value==date[2];
			}
	});
	$('.dateselects select').change(function() {
		var p = $(this.parentNode);
		var date = p.find('.day option:selected').val() + '-' 
		         + p.find('.month option:selected').val() + '-' 
		         + p.find('.year option:selected').val();
		$(this.parentNode).find('.datepicker').datepicker( "setDate" , date );
	});
	$('.photo_edit').fancybox({
		type: 'iframe',
		href: 'editphoto/',
		width: 820,
		height: 800
	});
    
    /** agenda-item **/	
	
	var now = new Date();
	var month = now.getMonth();
	var year = now.getYear();
	
    $("#center .agendaDatepicker").prependTo('#center').datepicker({
	    dateFormat: 'dd-mm-yy',
		onSelect: function(date) {
			$.get('ajax.php', { action: 'getEvents', datum: date }, updateEvents);
		},
		onChangeMonthYear: function(year, month, inst) {
			$.ajax({url: 'ajax.php', 
					data: { action: 'getMonthEvents', month: month, year: year},
					dataType: 'json',
					success: function(content) {
						activities = content;
					},
					async: false
			});
		},
		beforeShowDay: function(date) {
			if(month != date.getMonth() || year != date.getYear()) {
				// new buffer
				month = date.getMonth();
				year  = date.getYear();
			}
			if (activities[date.getDate()])
				return activities[date.getDate()];
			else
				return [true, ''];
		}
	});
	
	$("#previousEvents").click(function() {
		var id = $('.agenda ul li').attr('id');
		$.get('ajax.php', { action: 'getEvents', prevDate: id }, prependEvents);
	});
	$("#nextEvents").click(function() {
		var id = $('.agenda ul li:last').attr('id');
		$.get('ajax.php', { action: 'getEvents', nextDate: id }, appendEvents);
	});

	$("input:button").button();
	$("input:submit").button();
	
});


/** leden profiel **/

function editPhotoCallback(path, thumbpath) {
	$('.photopath').val(path);
	$('.editprofile').attr('src',thumbpath);
	$.fancybox.close();
}

/** activiteiten **/

function updateEvents(events) {
	$('.agenda').fadeOut(300, function() { $(this).html(events).fadeIn(300); });
}
function prependEvents(events) {
	$(events).prependTo('.agenda').show('blind', 1000);
}
function appendEvents(events) {
	$(events).appendTo('.agenda').show('blind', 1000);
}