$(document).ready(function() {
	// Removes all filtered elements initially
	$("#holder li, .loadingGif").hide();
	$("#holder.showThis li").show();

	$(".filters li").each(function() {
		var $val = $(this).find('input').val();
		var $valcount = $("#holder ." + $val).length;
		$(this).find('span').html($valcount);

	});



	$("input:checkbox").click(function() {		

		$(".entry-made").hide();
		$(".entry-written").hide();		
		$(".played").show();

		// Exclusive function
		var $classes = '#holder li';

		$("input:checkbox:checked").each(function(index) {
			var $valNew = $(this).val();
			$classes = $classes +'.'+ $valNew;
		});

		$('#holder li').hide();
		$($classes).fadeIn(); // results will appear
		
		
		$("input:checkbox").each(function(i) {					
			var $valNewEach = $(this).val();	
			$(".spanClass"+$valNewEach).html("<img src='/media/107465/loading.gif' />");
		}); // loading .gif.
		

		window.setTimeout(function() {
			$("input:checkbox").each(function(i) {var $valNewEach = $(this).val();
			
			
			if ($.browser.webkit) {
			var $valDisplayItem = '[style="display: list-item; "]';
			} 

			else {
			var $valDisplayItem = '[style="display: list-item;"]';	
			}
			
			var $valNewcount = $('#holder li.'+ $valNewEach + $valDisplayItem).length;
			$(".spanClass"+$valNewEach).html($valNewcount);
			}); 
		    }, 1000	);  // delay the each function.
	});	

});