var show_rel = 0;
var show_opi = 0;
var show_pro = 0;
var show_des = 1;

function show_relation() {
	if(show_rel) {
		document.getElementById('REL').style.display='none';
		show_rel = 0;
	}
	else {
		document.getElementById('z4').style.background='#d0c200';
		document.getElementById('z4').style.color='#ffffff';

		document.getElementById('z3').style.background='#ffffff';
		document.getElementById('z3').style.color='#000000';

		document.getElementById('z2').style.background='#ffffff';
		document.getElementById('z2').style.color='#000000';

		document.getElementById('z1').style.background='#ffffff';
		document.getElementById('z1').style.color='#000000';

		document.getElementById('REL').style.display='block';
		document.getElementById('PRO').style.display='none';
		document.getElementById('OPI').style.display='none';
		document.getElementById('DES').style.display='none';
		show_rel = 1;
		show_opi = 0;
		show_pro = 0;
		show_des = 0;
	}
}

function show_promotion() {
	if(show_pro) {
		document.getElementById('PRO').style.display='none';
		show_pro = 0;
	}
	else {
		document.getElementById('z2').style.background='#d0c200';
		document.getElementById('z2').style.color='#ffffff';

		document.getElementById('z1').style.background='#ffffff';
		document.getElementById('z1').style.color='#000000';

		document.getElementById('z3').style.background='#ffffff';
		document.getElementById('z3').style.color='#000000';

		document.getElementById('z4').style.background='#ffffff';
		document.getElementById('z4').style.color='#000000';

		document.getElementById('PRO').style.display='block';
		document.getElementById('REL').style.display='none';
		document.getElementById('OPI').style.display='none';
		document.getElementById('DES').style.display='none';
		show_pro = 1;
		show_rel = 0;
		show_opi = 0;
		show_des = 0;
	}
}

function show_opinion() {
	if(show_opi) {
		document.getElementById('OPI').style.display='none';
		show_opi = 0;
	}
	else {
		document.getElementById('z3').style.background='#d0c200';
		document.getElementById('z3').style.color='#ffffff';

		document.getElementById('z1').style.background='#ffffff';
		document.getElementById('z1').style.color='#000000';

		document.getElementById('z2').style.background='#ffffff';
		document.getElementById('z2').style.color='#000000';

		document.getElementById('z4').style.background='#ffffff';
		document.getElementById('z4').style.color='#000000';

		document.getElementById('OPI').style.display='block';
		document.getElementById('REL').style.display='none';
		document.getElementById('PRO').style.display='none';
		document.getElementById('DES').style.display='none';
		show_opi = 1;
		show_rel = 0;
		show_pro = 0;
		show_des = 0;
	}
}

function show_description() {
	if(show_des) {
		document.getElementById('DES').style.display='none';
		show_des = 0;
	}
	else {
		document.getElementById('z1').style.background='#d0c200';
		document.getElementById('z1').style.color='#ffffff';

		document.getElementById('z2').style.background='#ffffff';
		document.getElementById('z2').style.color='#000000';

		document.getElementById('z3').style.background='#ffffff';
		document.getElementById('z3').style.color='#000000';

		document.getElementById('z4').style.background='#ffffff';
		document.getElementById('z4').style.color='#000000';

		document.getElementById('DES').style.display='block';
		document.getElementById('OPI').style.display='none';
		document.getElementById('REL').style.display='none';
		document.getElementById('PRO').style.display='none';
		show_opi = 0;
		show_rel = 0;
		show_pro = 0;
		show_des = 1;
	}
}