var idTabHuisStijl ="divTabHuisStijl";
var idTabLogos ="divTabLogos";
var idTabDrukWerk ="divTabDrukWerk";
var idTabWebDesign ="divTabWebDesign";
var idTabDiversen ="divTabDiversen";

var idTabContentHuisStijl ="divTabContentHuisStijl";
var idTabContentLogos ="divTabContentLogos";
var idTabContentDrukWerk ="divTabContentDrukWerk";
var idTabContentWebDesign ="divTabContentWebDesign";
var idTabContentDiversen ="divTabContentDiversen";


function OnTabClick(tabId)
{
  //alert(tabId);
  SetCssClass(idTabHuisStijl, 'TabHuisStijl');
  SetCssClass(idTabLogos, 'TabLogos');
  SetCssClass(idTabDrukWerk, 'TabDrukWerk');
  SetCssClass(idTabWebDesign, 'TabWebDesign');
  SetCssClass(idTabDiversen, 'TabDiversen');
  SetHidden(idTabContentHuisStijl);
  SetHidden(idTabContentLogos);
  SetHidden(idTabContentDrukWerk);
  SetHidden(idTabContentWebDesign);
  SetHidden(idTabContentDiversen);

  if (tabId == idTabHuisStijl)
  {
      SetCssClass(idTabHuisStijl, 'TabHuisStijlOn');
      SetVisible(idTabContentHuisStijl);
  }
  else if (tabId == idTabLogos)
  {
    SetCssClass(idTabLogos, 'TabLogosOn');
    SetVisible(idTabContentLogos);
  }
  else if (tabId == idTabDrukWerk)
  {
    SetCssClass(idTabDrukWerk, 'TabDrukWerkOn');
    SetVisible(idTabContentDrukWerk);
  }
  else if (tabId == idTabWebDesign)
  {
    SetCssClass(idTabWebDesign, 'TabWebDesignOn');
    SetVisible(idTabContentWebDesign);
  }
  else if (tabId == idTabDiversen)
  {
    SetCssClass(idTabDiversen, 'TabDiversenOn');
    SetVisible(idTabContentDiversen);
  }
}

function SetCssClass(id, cssClass)
{
  var el = document.getElementById(id);
  el.className = cssClass;
}



function SetVisible(id)
{
  var el = document.getElementById(id);
  el.style.display = 'inline';
}

function SetHidden(id)
{
  var el = document.getElementById(id);
  el.style.display = 'none';
}