function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function preparelistaHakunav() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("listaHaku")) return false;
	var nav = document.getElementById("listaHaku");
	var listelem = nav.getElementsByTagName("li");
	var links = nav.getElementsByTagName("a");
	for (var i=0; i<links.length; i++) {
		// nappaa navin ekan linkin ja splittaa siita id:n
		var firstSectionId = links[0].getAttribute("href").split("#")[1];
		if (!document.getElementById(firstSectionId)) continue;
		// nappaa navien linkit ja splittaa id:t
		var sectionId = links[i].getAttribute("href").split("#")[1];		
		if (!document.getElementById(sectionId)) continue;
		document.getElementById(sectionId).style.display = "none";
		links[i].destination = sectionId;
		links[i].onclick = function(){
			showWork(this.destination);
			removeClass(listelem);
			this.parentNode.className = "active";
			return false;	
		}
	}
	// nayta aina ekan navista, muut piilossa
	showWork(firstSectionId)
}

function showWork(id) {
	var divs = document.getElementsByTagName("div");
	for (var i=0; i<divs.length; i++) {
		if (divs[i].className.indexOf("listaNaytto") == -1) continue;
		if (divs[i].getAttribute("id") != id) {
			divs[i].style.display = "none";
		} else {
			divs[i].style.display = "block";
		}		
	}
}

function removeClass(listelem) {
	for (var i=0; i<listelem.length; i++) {
		listelem[i].className = "";
	}
}

addLoadEvent(preparelistaHakunav);