function sivunav(otsikko,o_luokka,sivu,s_luokka) {

//Muuttujat
    var otsikko = document.getElementById(otsikko);
    var o_luokka = document.getElementsByClassName(o_luokka);
    var sivu = document.getElementById(sivu);
    var s_luokka = document.getElementsByClassName(s_luokka);


//Käy läpi s_luokan jäsenet (SIVUT)
    for ( i = 0; i < s_luokka.length; i++ ) {
	if ( s_luokka[i] != sivu && s_luokka[i].className.match(/\bactive_sivu\b/) ) {
	    s_luokka[i].className = s_luokka[i].className.replace(/\bactive_sivu\b/,''); }
	else if ( s_luokka[i] != sivu ) {}
	else if ( s_luokka[i] == sivu && s_luokka[i].className.match(/\bactive_sivu\b/) ) {}
	else { s_luokka[i].className += ' active_sivu'; }
    }

//Käy läpi o_luokan jäsenet (ALAOTSIKOT)
    for ( i = 0; i < o_luokka.length; i++ ) {
	if ( o_luokka[i] != otsikko && o_luokka[i].className.match(/\bactive\b/) ) {
	    o_luokka[i].className = o_luokka[i].className.replace(/\bactive\b/,''); }
	else if ( o_luokka[i] != otsikko ) {}
	else if ( o_luokka[i] == otsikko && o_luokka[i].className.match(/\bactive\b/) ) {}
	else { o_luokka[i].className += ' active'; }
    }
}