$(document).ready(function(){
	$('a.tip').removeAttr('href');
	//seizoenen sorteren
	$(".CheckBoxClass").change(function(){
		if($(this).is(":checked")){
			$(this).next("label").addClass("LabelSelected");
			sorteerMe();
		}else{
			$(this).next("label").removeClass("LabelSelected");
			sorteerMe();
		}
	});
	//zoekterm
	$value = 'Typ je zoekterm of ingrediënt';
	$('.zoekveld').val($value);
	$('.zoekveld').blur(function(){
		if($(this).val() != ''){
			$(this).val();
		}else{
			$(this).val($value);
		}
	}).focus(function() {
		if($(this).val() == $value){
			$(this).val('');
		}else{
			$(this).val();
		}
	});
	//gallerij dinges
	$('.ngg-galleryoverview').cycle({
		fx: 'scrollHorz', next: '#nextBtn', prev: '#prevBtn', timeout: 0, speed : 700
	});
	//bewaar de originele blog html voor later
	//als er niks geklikt is bij de sorteervak
	$cacheHtml = $('#blog').html();
	
//eof jQuery	
});
//http://stackoverflow.com/questions/908708/how-to-pass-multiple-checkboxes-using-jquery-ajax-post
function sorteerMe(){
	//alle array's in een object zetten [seizoen] & [situatie]
	var data = { 'seizoen[]' : [], 'situatie[]' : []};
	//zet de seizoen
	$("#seizoen input:checked").each(function() {
		data['seizoen[]'].push($(this).val());
	});	
	//zet de situatie
	$("#situatie input:checked").each(function() {
		data['situatie[]'].push($(this).val());
	});
	//check als er geen een element aangevinkt is
	var n = $('#sorteren input:checked').length;
	
	if(n != 0){
		$('#laden').show().animate({top:0});
		//doe ajax call als er wat gechecked is
		$.ajax({ type: 'GET', url: "http://fiestafood.nl/?tag=empty", cache: false,
		 context: document.body, data:data, success: function(data){
			$('#laden').animate({top:-100});
			$('#blog').effect('highlight','', 800);
			$('#blog').html(data);
		}});
	}else{
		//console.log($cacheHtml);
		$('#blog').html($cacheHtml);
	}
}