var $j = jQuery.noConflict();  
$j(document).ready(function(){
   // tabs projectpagina
   var tabobject =$j('#tabcontainer');
   $j('#tabs ul li a',tabobject).hover(function(){
      $j(this).parent().addClass('hover');
   },function(){
      $j(this).parent().removeClass('hover');
   });
   $j('h2.tabtitel',tabobject).hide(); 
   $j('.tabcontent:gt(0)',tabobject).hide(); // verberg alles behalve de 1e
   $j('#tabs ul li a',tabobject).click(function(){ // click op tabs
      var ID = $j(this).attr('href');
      $j('#tabs ul li.active',tabobject).removeClass('active');
      $j(this).parent().addClass('active')
      $j('.tabcontent:visible',tabobject).fadeOut('fast',function(){
         $j(ID, tabobject).fadeIn();
      });
      return false;
   });
   $j('#tabs ul li:eq(0) a',tabobject).trigger('click'); // 1e tab active
});

