$(document).ready(function(){
            $(".details").hide();
            // show the select menu
            $("h3").css("cursor", "pointer");
            $("h3").click(
                function(){
                   var details;
                   details = $(this.parentNode).find(".details");
                   if($(details).css("display")=="block") {
                        $(".details").hide("medium");
                        return;
                   }
                   $(".details").each(function(){ return $(".details").css("display") == "block";}).hide("medium");
                   $(details).show("medium", doFooter);
                  
                }
            ); 
        });
        
        function selectRegion(indexval){
            $(".details").hide();
            if(indexval == "All"){
                $(".event").show("medium");
            }else{
                $("." + indexval).show("medium");
                $(".event").not("." + indexval).hide("medium");
              }
        }