function change_active(name,id,max,active) {
  for (var i = 1; i <= max; i++) {
    if(document.getElementById(name+i)) document.getElementById(name+i).style.display = 'none';
    if(document.getElementById(active+i)) document.getElementById(active+i).className = ''; 
  }
   if(document.getElementById(active+id)) document.getElementById(active+id).className = 'active';
   if(document.getElementById(name+id)) document.getElementById(name+id).style.display = 'block';
}


function navi(id) {
	for (var i = 1; i <= 4; i++) {
		document.getElementById("subnavi"+i).style.display = 'none';
	}
	document.getElementById("subnavi"+id).style.display = 'block';
	y = (id-1) * 109;
	document.getElementById("navigation").style.backgroundPosition = "0px -" + y + "px";
	

}