function class1() {
  document.getElementById("hit1").className='buttonInformacjeH';
  document.getElementById("hit2").className='buttonSport';
  document.getElementById("hit3").className='buttonFitness';
  document.getElementById("hit4").className='buttonAqua';
  document.getElementById("hit5").className='buttonSpa';
  
 
  
  document.getElementById("box1").style.display="block";
  document.getElementById("box2").style.display="none";
  document.getElementById("box3").style.display="none";
  document.getElementById("box4").style.display="none";
  document.getElementById("box5").style.display="none";
  
  
  
   document.getElementById("box1-imgH").style.display="block";
  document.getElementById("box1-img").style.display="none";
  document.getElementById("box2-img").style.display="block";
  document.getElementById("box2-imgH").style.display="none";
  document.getElementById("box3-img").style.display="block";
  document.getElementById("box3-imgH").style.display="none";
  document.getElementById("box4-img").style.display="block";
  document.getElementById("box4-imgH").style.display="none";
  document.getElementById("box5-img").style.display="block";
  document.getElementById("box5-imgH").style.display="none";
}
function class2() {
  document.getElementById("hit1").className='buttonInformacje';
  document.getElementById("hit2").className='buttonSportH';
  document.getElementById("hit3").className='buttonFitness';
  document.getElementById("hit4").className='buttonAqua';
  document.getElementById("hit5").className='buttonSpa';
  
  
  
  
  document.getElementById("box1").style.display="none";
  document.getElementById("box2").style.display="block";
  document.getElementById("box3").style.display="none";
  document.getElementById("box4").style.display="none";
  document.getElementById("box5").style.display="none";
  
  
  
  
  document.getElementById("box1-imgH").style.display="none";
  document.getElementById("box1-img").style.display="block";
  document.getElementById("box2-img").style.display="none";
  document.getElementById("box2-imgH").style.display="block";
  document.getElementById("box3-img").style.display="block";
  document.getElementById("box3-imgH").style.display="none";
  document.getElementById("box4-img").style.display="block";
  document.getElementById("box4-imgH").style.display="none";
  document.getElementById("box5-img").style.display="block";
  document.getElementById("box5-imgH").style.display="none";
  
  
}
function class3() {
  document.getElementById("hit1").className='buttonInformacje';
  document.getElementById("hit2").className='buttonSport';
  document.getElementById("hit3").className='buttonFitnessH';
  document.getElementById("hit4").className='buttonAqua';
  document.getElementById("hit5").className='buttonSpa';
  
  
  
  document.getElementById("box1-imgH").style.display="none";
  document.getElementById("box1-img").style.display="block";
  document.getElementById("box2-img").style.display="block";
  document.getElementById("box2-imgH").style.display="none";
  document.getElementById("box3-img").style.display="none";
  document.getElementById("box3-imgH").style.display="block";
  document.getElementById("box4-img").style.display="block";
  document.getElementById("box4-imgH").style.display="none";
  document.getElementById("box5-img").style.display="block";
  document.getElementById("box5-imgH").style.display="none";
  
  
  
  
  
  document.getElementById("box1").style.display="none";
  document.getElementById("box2").style.display="none";
  document.getElementById("box3").style.display="block";
  document.getElementById("box4").style.display="none";
  document.getElementById("box5").style.display="none";
  
  
  
  document.getElementById("box1-imgH").style.display="none";
  document.getElementById("box1-img").style.display="block";
  document.getElementById("box2-img").style.display="block";
  document.getElementById("box2-imgH").style.display="none";
  document.getElementById("box3-img").style.display="none";
  document.getElementById("box3-imgH").style.display="block";
  document.getElementById("box4-img").style.display="block";
  document.getElementById("box4-imgH").style.display="none";
  document.getElementById("box5-img").style.display="block";
  document.getElementById("box5-imgH").style.display="none";
  
  
  
  
}
function class4() {
  document.getElementById("hit1").className='buttonInformacje';
  document.getElementById("hit2").className='buttonSport';
  document.getElementById("hit3").className='buttonFitness';
  document.getElementById("hit4").className='buttonAquaH';
  document.getElementById("hit5").className='buttonSpa';
  
  document.getElementById("box1").style.display="none";
  document.getElementById("box2").style.display="none";
  document.getElementById("box3").style.display="none";
  document.getElementById("box4").style.display="block";
  document.getElementById("box5").style.display="none";
  
  
  
  document.getElementById("box1-imgH").style.display="none";
  document.getElementById("box1-img").style.display="block";
  document.getElementById("box2-img").style.display="block";
  document.getElementById("box2-imgH").style.display="none";
  document.getElementById("box3-img").style.display="block";
  document.getElementById("box3-imgH").style.display="none";
  document.getElementById("box4-img").style.display="none";
  document.getElementById("box4-imgH").style.display="block";
  document.getElementById("box5-img").style.display="block";
  document.getElementById("box5-imgH").style.display="none";
  
  
}
function class5() {
  document.getElementById("hit1").className='buttonInformacje';
  document.getElementById("hit2").className='buttonSport';
  document.getElementById("hit3").className='buttonFitness';
  document.getElementById("hit4").className='buttonAqua';
  document.getElementById("hit5").className='buttonSpaH';
  
  document.getElementById("box1").style.display="none";
  document.getElementById("box2").style.display="none";
  document.getElementById("box3").style.display="none";
  document.getElementById("box4").style.display="none";
  document.getElementById("box5").style.display="block";
  
  
  document.getElementById("box1-imgH").style.display="none";
  document.getElementById("box1-img").style.display="block";
  document.getElementById("box2-img").style.display="block";
  document.getElementById("box2-imgH").style.display="none";
  document.getElementById("box3-img").style.display="block";
  document.getElementById("box3-imgH").style.display="none";
  document.getElementById("box4-img").style.display="block";
  document.getElementById("box4-imgH").style.display="none";
  document.getElementById("box5-img").style.display="none";
  document.getElementById("box5-imgH").style.display="block";
  
  
}