function subnavi(id)
{
	document.getElementById('navi1').className = '';
	document.getElementById('navi2').className = '';
	document.getElementById('navi3').className = '';
	document.getElementById('navi4').className = '';
	document.getElementById('navi5').className = '';
	document.getElementById('navi6').className = '';
	document.getElementById('navi7').className = '';
	document.getElementById('navi8').className = '';
	document.getElementById('navi'+id).className = 'active';
	document.getElementById('subnavi1').style.display = 'none';
	document.getElementById('subnavi2').style.display = 'none';
	document.getElementById('subnavi3').style.display = 'none';
	document.getElementById('subnavi4').style.display = 'none';
	document.getElementById('subnavi5').style.display = 'none';
	document.getElementById('subnavi6').style.display = 'none';
	document.getElementById('subnavi7').style.display = 'none';
	document.getElementById('subnavi8').style.display = 'none';
	document.getElementById('subnavi'+id).style.display = 'block';
}