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

function openfoldout(wat){
   $j(".samenvatting:visible").slideUp(function(){
      $j(".close").removeClass('close');
   });
   $j(".samenvatting:hidden",wat).slideDown(function(){
      $j(".open",wat).addClass('close');
   });
}

function initfoldout(){
   $j('.foldout .samenvatting').hide();
   $j('.foldout .open').click(function(){
      var wat = $j(this).parent();
      openfoldout(wat);
   });

}

function loadnews(url){
   var h = $j('#content #ajax').height();
   $j('#content .groot').css('height',h);
//   $j('#content .groot #ajax ul.foldout').animate({opacity:'0'},function(){
      $j('#content .groot #ajax').load(url, function(){
         initfoldout();
         $j('#content .groot #ajax .foldout').css({opacity:'0'});
         var newh = $j('#content #ajax').height();
         $j('#content .groot').animate({height:newh},function(){
            $j('#content .groot #ajax .foldout').animate({opacity:'1'});
            $j('#content .groot').css('height','auto');
         });
      });
//   });
}

// maanden
function initmaanden(){
   $j('#content .landingskolom .maanden a').click(function(){
      var url = $j(this).attr('href');
      loadnews(url);
      return false;
   });
   initfoldout();
}


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

   initmaanden();
   
   
   // jaren
   $j('#content .landingskolom .kaderlines>ul:first a').click(function(){
      var url = $j(this).attr('href');
      var h = $j('#content .landingskolom .maanden').height();
      $j('#content .maanden').css('height',h);
      
      $j('#content .maanden').animate({opacity:'0'},function(){
         $j('#content .maanden').load(url, function(){
            initmaanden();
            var newh = $j('#content .maanden .archief').height();
            $j('#content .maanden').animate({height:newh},function(){
               $j('#content .maanden').animate({opacity:'1'});
            });
            var url2 = $j('#content .maanden ul a:first').attr('href');
            loadnews(url2);
         });
      });      
      return false;
   });
  
});