$(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');
                      doMediaEvents(); //located in monkcms-dev.js to attach eventlisteners for media player popup
                }
            });
      }
      
      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("class") + ",";
          });
        });
        //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
    });  
});