var sucheHead = /^invTab_(\d+)$/;
var sucheList = /^spvErgTabNavLi_(\d+)$/;

$j(document).ready(function(){
  initTables();
})

function initTables() {
  $j('div.tablist').each(
    function (i) {
      var tabs = $j(this).children('div.tabBox')
      if ( tabs.length < 2 ) {
        return
      }
      $j(tabs[0]).before( '<ul id="spvErgTabNav'+i+'" class="spvErgTabNav"></ul>' )
      for ( var j = 0; j < tabs.length; j++ ) {
        var actTab = tabs[j];
        if ( sucheHead.exec( $j(actTab).attr('id') ) ) {
          var tabId = RegExp.$1;
          var title = $j(actTab).find('caption').text()
          $j('#spvErgTabNav'+i).append('<li id="spvErgTabNavLi_'+tabId+'">'+title+"</li>")
          if ( j==0 ) {
            $j('#spvErgTabNavLi_'+tabId).attr('class','sel')
            $j(actTab).attr('class','tabBox tabVis nocapt')
          } else {
            $j('#spvErgTabNavLi_'+tabId).attr('class','notSel')
            $j('#spvErgTabNavLi_'+tabId).attr('title','Tabelle anzeigen')
            $j(actTab).attr('class','tabBox tabInv nocapt')
          }
          $j('#spvErgTabNavLi_'+tabId).bind('click', switchTableView)
        }
      }
    }
  )
}

function switchTableView(e) {
  var origId = $j(this).attr('id')
  var lis = $j(this).parent('.spvErgTabNav').find('li')
  var divs = $j(this).parents('div.tablist').find('div.tabBox')
  for ( var i=0; i<lis.length && i<divs.length; i++ ) {
    var actLi = lis[i];
    var actDiv = divs[i];
    if ( sucheList.exec( $j(actLi).attr('id') ) ) {
      var actId = RegExp.$1;
      if ( origId == 'spvErgTabNavLi_' + actId ) {
        $j(actLi).attr('title','')
        $j(actLi).attr('class','sel')
        $j(actDiv).attr('class','tabBox tabVis nocapt')
      } else {
        $j(actLi).attr('title','Tabelle anzeigen')
        $j(actLi).attr('class','notSel')
        $j(actDiv).attr('class','tabBox tabInv nocapt')
      }
    }
  }
}