function onSymbolHover(id,src) {
    document.getElementById(id).setAttribute("src",src);
}

function onSymbolOut(kuva_id,otsikko_id,asrc,src) {
    var pic = document.getElementById(kuva_id);
    if(!document.getElementById(otsikko_id).className.match(/\bactive\b/)) {
	pic.setAttribute("src", src);
    }
       else {
	   pic.setAttribute("src", asrc);
       }
}

function onSymbolClick(kuva_id,otsikko_id,asrc,src) {
    var pic = document.getElementById(kuva_id);
    var symbols = document.getElementsByClassName("symbol");
    for ( i = 0; i < symbols.length; i++) {
	if (symbols[i] !== pic) {
	    var tmp_src = symbols[i].getAttribute("src");
	    tmp_src = tmp_src.replace(/.\.gif$/,'b.gif');
	    symbols[i].setAttribute("src",tmp_src);
	}
	else {}
    }
    if(!document.getElementById(otsikko_id).className.match(/\bactive\b/)) {
	pic.setAttribute("src", src);
    }
       else {
	   pic.setAttribute("src", asrc);
       }
}