$(document).ready(function() {
	// Lightbox
	$('.fLightbox').colorbox();
	
	// Cycle
	$('.fSlider').each(function() {
		$(this).find('.fSliderSub').cycle({
			fx: 'scrollHorz',
			timeout: 6000,
		});
	});
	
	// Donate
	$('#fDonateLoadUser').click(function() {
		$.ajax({
			type: 'get',
			url: ajaxurl,
			data: 'action=loadUserInfo&email=' + $('#fFormDonateEmail').val(),
			dataType: 'json',
			success: function(data, textStatus, jqXHR) {
				for(key in data) {
					var fieldName = key.charAt(0).toUpperCase() + key.slice(1);
					switch (key) {
					case 'born':
						var born = data[key].split('-');
						for (i in born) {
							switch (i) {
							case "0":
								$('#fFormDonateBornDate').val(born[i]);
								break;
							case "1":
								$('#fFormDonateBornMonth').val(born[i]);
								break;
							case "2":
								$('#fFormDonateBornYear').val(born[i]);
								break;
							}
						}
						break;
					case 'gender':
						var fieldValue = data[key].charAt(0).toUpperCase() + data[key].slice(1);
						$('#fFormDonate' + fieldName + fieldValue).attr('checked', 'checked');
						break;
					case 'newsletter':
						if (data[key] == 1) {
							$('#fFormDonateNewsletter').attr('checked', 'checked');
						}
						break;
					default:
						$('#fFormDonate' + fieldName).val(data[key]);
					}
				}
			}
		});
	});
	
	// Barometer
	if (document.getElementById('fBarometerChart') != null) {
		var barometerResult = $('#fBarometerResult');
		
		// Load data into chart
		$.ajax({
			type: 'get',
			url: ajaxurl,
			data: 'year=2011&action=donationsChart',
			dataType: 'json',
			success: function(data, textStatus, jqXHR) {
				var chartOptions = {
					chart: {
						width: 500,
						height: 500,
						marginTop: 0,
						marginBottom: 0,
						marginLeft: 0,
						marginRight: 0,
						renderTo: 'fBarometerChart',
						plotBackgroundColor: null,
						plotBorderWidth: null,
						plotShadow: false,
						spacingTop: 0,
						spacingBottom: 0,
						spacingLeft: 0,
						spacingRight: 0
					},
					title: {
						text: ''
					},
					tooltip: {
						formatter: function() {
							return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
						 }
					},
					legend: {
						align: 'left',
						layout: 'vertical',
						verticalAlign: 'middle'
					},
					plotOptions: {
						pie: {
							animation: true,
							allowPointSelect: false,
							borderWidth: 0,
							cursor: 'pointer',
							dataLabels: {
								enabled: false
							},
							point: {
								events: {
									mouseOver: function(event) {
										barometerResult.find('li[rel="' + this.name + '"]').addClass('fBarometerResultHighlight');
									},
									mouseOut: function(event) {
										barometerResult.find('li[rel="' + this.name + '"]').removeClass('fBarometerResultHighlight');
									}
								}
							},
							shadow: false,
							slicedOffset: 5
						}
					},
					credits: {
						enabled: false
					}
				}
				
				// Add chart data to our options object
				chartOptions.series = [data];
				
				// Initiate Chart
				new Highcharts.Chart(chartOptions);
			}
		});
	}
});
