var ids=new Array('perustiedot','alasivu1_sisalto','alasivu2_menetelma','alasivu3_aineisto','alasivu4_asiantuntijat','alasivu5_opiskelijakokemukset','alasivu6_todistus','alasivu7_description','alasivu8_EFEasiakasreferenssit','alasivu9_EFEosallistumismaksu');
var otsikkoids=new Array('perustietootsikko','alasivu1otsikko','alasivu2otsikko','alasivu3otsikko','alasivu4otsikko','alasivu5otsikko','alasivu6otsikko','alasivu7otsikko','alasivu8otsikko','alasivu9otsikko');


function vaihda(id){	
	piilotaKaikki();
	nauta(id);
	normalisoi();
	boldaa(id);
}

function boldaa(id)
{	
	var otsid = 0;
	switch(id) 
	{
	case(id = 'perustiedot'):
		otsid = 0;
	break
		case(id = 'alasivu1_sisalto'):
		otsid = 1;
	break
	case(id = 'alasivu2_menetelma'):
		otsid = 2;
	break
	case(id = 'alasivu3_aineisto'):
		otsid = 3;
	break
	case(id = 'alasivu4_asiantuntijat'):
		otsid = 4;
	break
	case(id = 'alasivu5_opiskelijakokemukset'):
		otsid = 5;
	break
	case(id = 'alasivu6_todistus'):
		otsid = 6;
	break
	case(id = 'alasivu7_description'):
		otsid = 7;
	break
	case(id = 'alasivu8_EFEasiakasreferenssit'):
		otsid = 8;
	break
	case(id = 'alasivu9_EFEosallistumismaksu'):
		otsid = 9;
	break
	default:
		alert('Virhe');
	 }

	//boldaa näytettävää blokkia vastaavan otsikkotekstin
	document.getElementById(otsikkoids[otsid]).style.fontWeight='bold';
}

function normalisoi()
{
	//ottaa boldauksen pois kaikista
	for (var i=0;i<otsikkoids.length;i++){
		document.getElementById(otsikkoids[i]).style.fontWeight='normal';
	}	
}


function piilotaKaikki(){
	//piilottaa kaikki yo. taulukon elementit
	for (var i=0;i<ids.length;i++){
		piilota(ids[i]);
	}			  
}

function piilota(id) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function nauta(id) {
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';

	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}	
}
