function zzShowTab(sel){
  var tabs = new Array('lijst','kaart','detail');
  for (t in tabs)
  {
    var tab     = document.getElementById(tabs[t]+'-tab');
    var content = document.getElementById(tabs[t]+'-content');
    if (tabs[t] == sel){
      zzElement.addClassName(tab, 'selected');
      zzElement.removeClassName(content, 'hidden');
    }
    else {
      zzElement.removeClassName(tab, 'selected');
      zzElement.addClassName(content, 'hidden');
    }
  }
  
    if(sel == 'detail')
    {
        $('#' + sel +'-tab').parent().attr('class','block block-tabs blauwe-tab');
    }
    else
    {
        $('#' + sel +'-tab').parent().attr('class', 'block block-tabs');
    }
}


zzTabs = {
    activate:function ( tab, contentsContainer ) {
        var tabs = zzElement.filter ( tab.parentNode.childNodes, 'div.tab' );
        
        var activeIndex = 0;
        for ( var i = 0; i < tabs.length; i ++ ) {
            if ( tabs[i] == tab ) {
                activeIndex = i;
                zzElement.addClassName ( tabs[i], 'tab-active' );
            } else {
                zzElement.removeClassName ( tabs[i], 'tab-active' );
            }
        }
        
        var tabContents = zzElement.filter ( contentsContainer.childNodes, 'div.tab-contents' );
        
        for ( var i in tabContents ) {
            if ( i == activeIndex ) {
                zzElement.removeClassName ( tabContents[i], 'hidden' );
            } else {
                zzElement.addClassName ( tabContents[i], 'hidden' );
            }
        }
        
    }
}