function boxChange(id, num, nums) {
	for (i = 1; i <= nums; i++)
	{
 		document.getElementById(id + i).className = id + i + ' inactive';
 		document.getElementById(id +'content' + i).className = 'hidden';
 	}
 	aktywny = document.getElementById(id + num).className = id + num + ' active';
 	nieaktywny = document.getElementById(id + 'content' + num).className = 'visible';
}


function box1Change(num) {
	document.getElementById('box11').className = 'box11 inactive';
	document.getElementById('box12').className = 'box12 inactive';
	document.getElementById('box13').className = 'box13 inactive';
	document.getElementById('box1' + num).className = 'box1' + num + ' active';
}

function box2Change(num) {
	document.getElementById('box21').className = 'box21 inactive';
	document.getElementById('box22').className = 'box22 inactive';
	document.getElementById('box2content1').className = 'hidden';
	document.getElementById('box2content2').className = 'hidden';
	document.getElementById('box2' + num).className = 'box2' + num + ' active';
	document.getElementById('box2content' + num).className = 'visible';
}

function box3Change(num) {
	document.getElementById('box31').className = 'box31 inactive';
	document.getElementById('box32').className = 'box32 inactive';
	document.getElementById('box33').className = 'box33 inactive';
	document.getElementById('box3content1').className = 'hidden';
	document.getElementById('box3content2').className = 'hidden';
	document.getElementById('box3content3').className = 'hidden';
	document.getElementById('box3' + num).className = 'box3' + num + ' active';
	document.getElementById('box3content' + num).className = 'visible';
}

function box4Change(num) {
	document.getElementById('box41').className = 'box41 inactive';
	document.getElementById('box42').className = 'box42 inactive';
	document.getElementById('box43').className = 'box43 inactive';
	document.getElementById('box4content1').className = 'hidden';
	document.getElementById('box4content2').className = 'hidden';
	document.getElementById('box4content3').className = 'hidden';
	document.getElementById('box4' + num).className = 'box4' + num + ' active';
	document.getElementById('box4content' + num).className = 'visible';
}


function box5Change(num) {
	document.getElementById('box51').className = 'box51 inactive';
	document.getElementById('box52').className = 'box52 inactive';
	document.getElementById('box53').className = 'box53 inactive';
	document.getElementById('box5content1').className = 'hidden';
	document.getElementById('box5content2').className = 'hidden';
	document.getElementById('box5content3').className = 'hidden';
	document.getElementById('box5' + num).className = 'box5' + num + ' active';
	document.getElementById('box5content' + num).className = 'visible';
}

function box6Change(num) {
	document.getElementById('box61').className = 'box61 inactive';
	document.getElementById('box62').className = 'box62 inactive';
	document.getElementById('box63').className = 'box63 inactive';
	document.getElementById('box6' + num).className = 'box6' + num + ' active';
}

function box7Change(num) {
	document.getElementById('box71').className = 'box71 inactive';
	document.getElementById('box72').className = 'box72 inactive';
	document.getElementById('box73').className = 'box73 inactive';
	document.getElementById('box7' + num).className = 'box7' + num + ' active';
}

function box7aChange(num) {
	document.getElementById('box7a1').className = 'box71 inactive';
	document.getElementById('box7a2').className = 'box72 inactive';
	document.getElementById('box7a3').className = 'box73 inactive';
	document.getElementById('box7a' + num).className = 'box7' + num + ' active';
}

function box7bChange(num) {
	document.getElementById('box7b1').className = 'box71 inactive';
	document.getElementById('box7b2').className = 'box72 inactive';
	document.getElementById('box7b3').className = 'box73 inactive';
	document.getElementById('box7b' + num).className = 'box7' + num + ' active';
}

function box8Change(num) {
	document.getElementById('box81').className = 'box81 inactive';
	document.getElementById('box82').className = 'box82 inactive';
	document.getElementById('box83').className = 'box83 inactive';
	document.getElementById('box8' + num).className = 'box8' + num + ' active';
}

function box8aChange(num) {
	document.getElementById('box8a1').className = 'box81 inactive';
	document.getElementById('box8a2').className = 'box82 inactive';
	document.getElementById('box8a3').className = 'box83 inactive';
	document.getElementById('box8a' + num).className = 'box8' + num + ' active';
}

function box8bChange(num) {
	document.getElementById('box8b1').className = 'box81 inactive';
	document.getElementById('box8b2').className = 'box82 inactive';
	document.getElementById('box8b3').className = 'box83 inactive';
	document.getElementById('box8b' + num).className = 'box8' + num + ' active';
}

function box9Change(num) {
	document.getElementById('box91').className = 'box91 inactive';
	document.getElementById('box92').className = 'box92 inactive';
	document.getElementById('box93').className = 'box93 inactive';
	document.getElementById('box9' + num).className = 'box9' + num + ' active';
}

function box10Change(num) {
	document.getElementById('box101').className = 'box101 inactive';
	document.getElementById('box102').className = 'box102 inactive';
	document.getElementById('box103').className = 'box103 inactive';
	document.getElementById('box10' + num).className = 'box10' + num + ' active';
}

function box11Change(num) {
	document.getElementById('box111').className = 'box111 inactive';
	document.getElementById('box112').className = 'box112 inactive';
	document.getElementById('box113').className = 'box113 inactive';
	document.getElementById('box11' + num).className = 'box11' + num + ' active';
}

function box12Change(num) {
	document.getElementById('box121').className = 'box121 inactive';
	document.getElementById('box122').className = 'box122 inactive';
	document.getElementById('box123').className = 'box123 inactive';
	document.getElementById('box12' + num).className = 'box12' + num + ' active';
}

function box13Change(num) {
	document.getElementById('box131').className = 'box131 inactive';
	document.getElementById('box132').className = 'box132 inactive';
	document.getElementById('box133').className = 'box133 inactive';
	document.getElementById('box13' + num).className = 'box13' + num + ' active';
}

function box14Change(num) {
	document.getElementById('box141').className = 'box141 inactive';
	document.getElementById('box142').className = 'box142 inactive';
	document.getElementById('box143').className = 'box143 inactive';
	document.getElementById('box144').className = 'box144 inactive';
	document.getElementById('box14' + num).className = 'box14' + num + ' active';
}

function box15Change(num) {
	document.getElementById('box151').className = 'box151 inactive';
	document.getElementById('box152').className = 'box152 inactive';
	document.getElementById('box153').className = 'box153 inactive';
	document.getElementById('box15' + num).className = 'box15' + num + ' active';
}

function box16Change(num) {
	document.getElementById('box161').className = 'box161 inactive';
	document.getElementById('box162').className = 'box162 inactive';
	document.getElementById('box163').className = 'box163 inactive';
	document.getElementById('box16' + num).className = 'box16' + num + ' active';
}

function box17Change(num) {
	document.getElementById('box171').className = 'box171 inactive';
	document.getElementById('box172').className = 'box172 inactive';
	document.getElementById('box173').className = 'box173 inactive';
	document.getElementById('box17' + num).className = 'box17' + num + ' active';
}

function box18Change(num) {
	document.getElementById('box181').className = 'box181 inactive';
	document.getElementById('box182').className = 'box182 inactive';
	document.getElementById('box183').className = 'box183 inactive';
	document.getElementById('box18' + num).className = 'box18' + num + ' active';
}

function box19Change(num) {
	document.getElementById('box191').className = 'box191 inactive';
	document.getElementById('box192').className = 'box192 inactive';
	document.getElementById('box193').className = 'box193 inactive';
	document.getElementById('box19' + num).className = 'box19' + num + ' active';
}

function box20Change(num) {
	document.getElementById('box201').className = 'box201 inactive';
	document.getElementById('box202').className = 'box202 inactive';
	document.getElementById('box203').className = 'box203 inactive';
	document.getElementById('box20' + num).className = 'box20' + num + ' active';
}

function box20aChange(num) {
	document.getElementById('box20a1').className = 'box201 inactive';
	document.getElementById('box20a2').className = 'box202 inactive';
	document.getElementById('box20a3').className = 'box203 inactive';
	document.getElementById('box20a' + num).className = 'box20' + num + ' active';
}

function box20bChange(num) {
	document.getElementById('box20b1').className = 'box201 inactive';
	document.getElementById('box20b2').className = 'box202 inactive';
	document.getElementById('box20b3').className = 'box203 inactive';
	document.getElementById('box20b' + num).className = 'box20' + num + ' active';
}

function box21Change(num) {
	document.getElementById('box211').className = 'box211 inactive';
	document.getElementById('box212').className = 'box212 inactive';
	document.getElementById('box213').className = 'box213 inactive';
	document.getElementById('box21' + num).className = 'box21' + num + ' active';
}

function box33Change(num) {
	document.getElementById('box331').className = 'box331 inactive';
	document.getElementById('box332').className = 'box332 inactive';
	document.getElementById('box333').className = 'box333 inactive';
	document.getElementById('box33' + num).className = 'box33' + num + ' active';
}


function boxPChange(num) {
	document.getElementById('boxP00').className = 'boxP00 inactive';
	document.getElementById('boxP99').className = 'boxP99 inactive';
	document.getElementById('boxP20').className = 'boxP20 inactive';
	document.getElementById('boxP19').className = 'boxP19 inactive';
	document.getElementById('boxP18').className = 'boxP18 inactive';
	document.getElementById('boxP17').className = 'boxP17 inactive';
	document.getElementById('boxP16').className = 'boxP16 inactive';
	document.getElementById('boxP15').className = 'boxP15 inactive';
	document.getElementById('boxP14').className = 'boxP14 inactive';
	document.getElementById('boxP13').className = 'boxP13 inactive';
	document.getElementById('boxP12').className = 'boxP12 inactive';
	document.getElementById('boxP11').className = 'boxP11 inactive';
	document.getElementById('boxP' + num).className = 'boxP' + num + ' active';
}

function boxSTRChange(elem) {
	var id = elem.rel;
	var num = elem.innerHTML;
	var z = 1;
	var resl = document.getElementsByTagName('a');
  for (var i=0; i < resl.length; i++) {
		if (resl[i].rel == id) {
			if (z > 1) {
				resl[i-1].className = 'box_inactive';
			}
			resl[i].className = 'box_inactive first';
			z++;
		}
	}

	if (num == 1) {
		elem.className = 'box_active first';
	} else {
		elem.className = 'box_active';
	}
}