$(document).ready(function(){
         
         	function filter(dta){ 
	
			   var object = $("#items");
		 	   object.fadeOut("fast");
		
			 	if(objHttpFileDataRequest){
					objHttpFileDataRequest.abort();
				} 
			
				objHttpFileDataRequest = $.ajax({
					cache:false,
		            data:dta,
					dataType:"html", 
		            url: "/_inc/ajax-sermonsort.php",
		            timeout: 1000,
		            type:"GET",
		            async:false, 
		            error: function(){ 
						object.html("error");
		            },
		            success: function(e){
		                  object.html(e); 
						  object.fadeIn('fast');
		            }
		        });
			}
			
			var objHttpFileDataRequest = null; 

			function getValues(){
			   
			   var string ="";
				
				$("#filter ul").each(function(i){
					var ulId =  $(this).attr("id"); 
					
					if(i == 0){
						string += ulId + "="; 
					}else{
					   string += "&" +  ulId + "=";  
					}
					
					$(this).find(".active").each(function(){
					   string += $(this).find("a").attr("href") + ",";
					});
				});
				//window.console.log(string);
				filter(string);
			}  
			
		$("#filter .clearall").click(function(){
			$("#filter .active").removeClass("active");
			getValues();
		});

        $("#filter ul li a").click(function(){ return false; });

		$("#filter ul li, #filter ul li a").click(function(){
			    var li; 
			    var parent; 
			
			if($(this).is("a")){
			   li = $(this).parent(); 
			    parent = $(this).parent().parent();
			}else if($(this).is("li")){
			  li = $(this); 
			   parent = $(this).parent();
			}
			
			if(parent.attr("id") == "month" || parent.attr("id") == "author" || parent.attr("id") == "groupby"){ 
				 if(li.hasClass("active")){
					  li.removeClass("active");
					getValues(); 
				}else{
				  parent.find(".active").removeClass("active");
				  li.addClass("active");
				  getValues();
				} 
			}else{ 
				  
				if(li.hasClass("active")){ 
					li.removeClass("active");
					getValues();  
				}else{
					li.addClass("active");
					getValues();   
				}
		   }//end first if
		});  
});