function changeClass (sel, unsel1, unsel2, className) {
	eval ("var td_cat" + sel + " = document.getElementById('td_cat" + sel + "');");
	eval ("var td_cat" + unsel1 + " = document.getElementById('td_cat" + unsel1 + "');");
	eval ("var td_cat" + unsel2 + " = document.getElementById('td_cat" + unsel2 + "');");

	eval ("var span_cat" + sel + " = document.getElementById('span_cat" + sel + "');");
	eval ("var span_cat" + unsel1 + " = document.getElementById('span_cat" + unsel1 + "');");
	eval ("var span_cat" + unsel2 + " = document.getElementById('span_cat" + unsel2 + "');");


	var arr = new Array(sel, unsel1, unsel2);

	for (i=0; i < arr.length; i++) {
		if (i == 0) {
			var select = "select";
			var bold = "bold";
		} else {
			var select = "";
			var bold = "";
		}

		if (navigator.appName == "Microsoft Internet Explorer") {
			eval ("td_cat" + arr[i] + ".className='" + className + select + "';");
			eval ("span_cat" + arr[i] + ".className='" + bold + "';");
		} else {
			eval ("td_cat" + arr[i] + ".setAttribute('class','" + className + select + "');");
			eval ("span_cat" + arr[i] + ".setAttribute('class','" + bold + "');");
		}
	}

}



function showFirstCat(cat) {

	if (cat == 0) {
		document.getElementById('table_cat0').style.display='block';
		document.getElementById('table_cat1').style.display='none';
		document.getElementById('table_cat7').style.display='none';

		changeClass(0, 1, 7, 'boxLine06');

	} else if (cat == 1) {
		document.getElementById('table_cat0').style.display='none';
		document.getElementById('table_cat1').style.display='block';
		document.getElementById('table_cat7').style.display='none';

		changeClass(1, 0, 7, 'boxLine06');

	} else if (cat == 7) {
		document.getElementById('table_cat0').style.display='none';
		document.getElementById('table_cat1').style.display='none';
		document.getElementById('table_cat7').style.display='block';

		changeClass(7, 0, 1, 'boxLine06');

	}
}

function showSecondCat(cat) {

	if (cat == 2) {
		document.getElementById('table_cat2').style.display='block';
		document.getElementById('table_cat3').style.display='none';
		document.getElementById('table_cat12').style.display='none';

		changeClass(2, 3, 12, 'boxLine07');

	} else if (cat == 3) {
		document.getElementById('table_cat2').style.display='none';
		document.getElementById('table_cat3').style.display='block';
		document.getElementById('table_cat12').style.display='none';

		changeClass(3, 2, 12, 'boxLine07');

	} else if (cat == 12) {
		document.getElementById('table_cat2').style.display='none';
		document.getElementById('table_cat3').style.display='none';
		document.getElementById('table_cat12').style.display='block';

		changeClass(12, 2, 3, 'boxLine07');

	}
}

function showThirdCat(cat) {

	if (cat == 6) {
		document.getElementById('table_cat6').style.display='block';
		document.getElementById('table_cat5').style.display='none';
		document.getElementById('table_cat8').style.display='none';

		changeClass(6, 5, 8, 'boxLine06');

	} else if (cat == 5) {
		document.getElementById('table_cat6').style.display='none';
		document.getElementById('table_cat5').style.display='block';
		document.getElementById('table_cat8').style.display='none';

		changeClass(5, 6, 8, 'boxLine06');

	} else if (cat == 8) {
		document.getElementById('table_cat6').style.display='none';
		document.getElementById('table_cat5').style.display='none';
		document.getElementById('table_cat8').style.display='block';

		changeClass(8, 5, 6, 'boxLine06');

	}
}