// gebruik $j als jquery variabele zodat deze niet conflicteerd met de scripts uit de smartsite formulieren generator
var $j = jQuery.noConflict();  

var filterstrtext='';
var filterstrselect='';
var filterstr = "";

function filter(){
   $j('#content .hide').removeClass('hide');
   // filter keywords op selectbox
   $j('#content .kader .keywords').filter(filterstr).parent().addClass("hide");
   // filter text op searchbox
   $j('#content .kader').not('.hide').filter(function(){
      var dehtml = $j(this).text().toLowerCase();
      if (dehtml.indexOf(filterstrtext) == -1){ return(this); }
   }).addClass("hide");
 
   $j('#content .kader:not(".hide")').show('slow');
   $j('#content .hide').hide('slow').removeClass('hide');;
}

$j(document).ready(function(){
   
   
   // reset inputs bij laden van pagina
   $j('#afdelingen input[type="text"]').attr('value','');
   $j('#afdelingen select').find('option:first').attr('selected','selected');
   
   // zoeken na klik textbox
   $j('#afdelingen input[type="submit"]').click(function(){
      filterstrtext=$j('#afdelingen input[type="text"]').attr('value');
      filterstrtext=filterstrtext.toLowerCase(); 
      filter();
   });
   
   // filter zoekresultaten via selectbox
   $j('#afdelingen select').change(function(){
      var i=0;
      filterstr = "";
      // geselecteerde options in var plaatsen
      $j('#afdelingen option:selected').each(function(){
         i++; 
         window['key' + i] = $j(this).attr('value');
         filterstr += ':not(:contains(\''+$j(this).attr('value')+'\')),'
      });     
      filterstr = filterstr.substring(0,filterstr.length-1);
      filter();
   });
});