function tabClass(type){
  var type = type;
  var tab_arr = new Array();
  var headline_arr = new Array();
  var box_arr = new Array();
  var browsePrevImg = '';
  var browseNextImg = '';
  var browseNextImgGrey = '';
  var typeInit = (type == "sub")? "subPage":"clickGallery";

  this.add = function(id,boxId){
    tab_arr[tab_arr.length] = id;
    box_arr[box_arr.length] = boxId;

    if(document.getElementById(type + "Headline_" + id)){
      headline_arr[headline_arr.length] = document.getElementById(type + "Headline_" + id).innerHTML;
    }

    if(tab_arr[0] != id){
      document.getElementById(type + "Item_" + id).style.display = "none";
    }

    if(type == "click"){
      document.getElementById(type + "Img_"+ id).style.display = "block";
      document.getElementById(type + "Img_"+ id).setAttribute('src',document.getElementById(type + "Src_"+ id).innerHTML);
    }

    if(type == "sub"){
      document.getElementById(type + "HeaderMenu_" + boxId).style.display = "block";
      document.getElementById(type + "Headline_" + id).style.display = "none";
      this.boxHeader(tab_arr[0],box_arr[0]);
    }

    this.browseItem(tab_arr[0],box_arr[0]);
  }

  this.showItem = function(id,boxId){
    for(var i = 0; i < tab_arr.length; i++){
      if(id == tab_arr[i]){
        document.getElementById(type + "Item_" + id).style.display = "block";
      }
      else{
        document.getElementById(type + "Item_" + tab_arr[i]).style.display = "none";
      }
    }
    if(type == "sub"){
      this.boxHeader(id,boxId);
    }
    this.browseItem(id,boxId);
  }

  this.browseImg = function(prevImg,nextImg,nextImgGrey){
    browsePrevImg = prevImg;
    browseNextImg = nextImg;
    browseNextImgGrey = nextImgGrey;
  }

  this.browseField = function(prevField,nextField){
    browsePrevField = prevField;
    browseNextField = nextField;
  }

  this.browseItem = function(id,boxId){
    var browseStr = "";

    for(var i = 0; i < tab_arr.length; i++){
      if(tab_arr[i] == id){
        if(i > 0){
          browseStr+="<a href='' onclick='"+ typeInit +"_"+ box_arr[i] +".showItem(\""+ tab_arr[i-1]+"\",\""+ box_arr[i]  +"\");return false;'>&nbsp;<img src='"+ browsePrevImg +"' width='20' height='9' border='0' alt='' /><\/a>";
        }
        browseStr+="&nbsp;"+ (i+1) +"&nbsp;/&nbsp;"+ tab_arr.length +"&nbsp;";
        if(i < (tab_arr.length-1)){
          browseStr+="<a href='' onclick='"+ typeInit +"_"+ box_arr[i] +".showItem(\""+ tab_arr[i+1]+"\",\""+ box_arr[i] +"\");return false;'><img src='"+ browseNextImg +"' width='20' height='9' border='0' alt='' />"+ browseNextField +"&nbsp;<\/a>";
        } else {
          browseStr+="<img src='"+ browseNextImgGrey +"' width='20' height='9' border='0' alt='' /><span>"+ browseNextField +"&nbsp;</span>";
        }
        break;
      }
    }

    if(document.getElementById(type + "Browse_" + id)){
      if(tab_arr.length > 1){
        document.getElementById(type + "Menu_" + id).style.display = "block";
        if(document.getElementById(type + "TextBR_" + id)){
          document.getElementById(type + "TextBR_" + id).style.display = "block";
        }
      }
      if(tab_arr.length > 1){
        document.getElementById(type + "Browse_"+ id).innerHTML = browseStr;
      }
    }
  }

  this.boxHeader = function(id,boxId){
    var headerStr = "";
    for(var i = 0; i < tab_arr.length; i++){

      if(tab_arr[i] == id){
        headerStr += "<a class=\"active\" href='' onclick='"+ typeInit +"_"+ box_arr[i] +".showItem(\""+ tab_arr[i]+"\",\""+  box_arr[i] +"\");return false;'>"+ headline_arr[i] +"</a>";
      }
      else{
        headerStr += "<a href='' onclick='"+ typeInit +"_"+ box_arr[i] +".showItem(\""+ tab_arr[i]+"\",\""+ box_arr[i] +"\");return   false;'>"+ headline_arr[i] +"</a>";
      }
    }
    if(document.getElementById(type + "HeaderMenu_" + boxId)){
      if(tab_arr.length > 1){
        document.getElementById(type + "HeaderMenu_" + boxId).innerHTML = headerStr;
      }

    }
  }
}