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

$j(document).ready(function(){

   $j('#sfeer .sfeerbeeld').ifixpng(); // IE6 png-fix
   
   $j('#main_3 .zoek_print_paneel #zoek_veld').attr('value','Trefwoord').css("color","#CCCCCC").click(function(){
      $j(this).attr('value','').css("color","#000000");
   });
   
   // vervang selectboxen
   $j("select.dropdown").each(function(){   
      var dropdownbutton = "<div class='dropdownbutton'>"+$j(this).attr('name')+"</div>";
      var dropdownlist = "<div class='dropdownlist'><ul>";
      $j("option", this).each(function(){
         dropdownlist += "<li><a href='"+$j(this).val()+"' class='geennieuwvenster'>"+$j(this).html()+"</a></li>";
      });
      dropdownlist += "</ul></div>";
      $j(this).hide().after(dropdownlist).after(dropdownbutton);
   });
   
   $j('.dropdownlist').hide();
   
   $j('.dropdownbutton').toggle(function(){
      $j('.dropdownbutton.open').trigger('click');
      $j(this).css('z-index','200').addClass('open');
      $j(this).next('.dropdownlist').css('z-index','190').slideDown();
   },function(){
      $j(this).removeClass('open');
      $j(this).css('z-index','50');
      $j(this).next('.dropdownlist').css('z-index','49').slideUp(function(){
         $j(this).css('z-index','1');
         $j(this).prev('.dropdownbutton').css('z-index','2');
      });
   })

   
   // maak twee koloms lijsten door ze halverwege te splitsen
   $j('ul.tweekoloms').each(function(){
      var aantal = Math.ceil(($j('li', this).length)/2)-1;
      $j('li:gt('+aantal+')',this).remove().clone().insertAfter(this).wrapAll("<ul class='tweekoloms twee'></ul>");
      $j(this).next('.twee').after('<br class="clear" />');
   })

   
});