var homeblocks = ["headline1","headline2","headline3"];
var homelinks = ["homelink1","homelink2","homelink3"];
var homearrowpos = [53,147,230];

var pageids = ["page_home","page_overons","page_watwedoen","page_referenties","page_blog","page_contact"];
var arrowpos = [57,172,316,466,586,691];

function homepageblock() {
	if(!document.getElementById) return false;
	if(!document.getElementsByTagName) return false;
	
	var checkbodyelem = document.getElementsByTagName("body");
	var checkbodyid = checkbodyelem[0].getAttribute("id");
	
	if(checkbodyid=="page_home") {
		
		var homearrowelem = document.getElementById("arrowright1");
		homearrowelem.style.left = "629px";
		homearrowelem.style.top = "53px";
		homearrowelem.className = "hide";
		
		for(var i=1;i<homelinks.length+1;i++) {
			document.getElementById("homelink"+i).linkid = i;
			document.getElementById("homelink"+i).onclick = function() {
				arrangeblocks(this.linkid);
				return false;
			}
		}
	}
}

function arrangeblocks(id) {
	for(var i=1;i<homelinks.length+1;i++) {
		document.getElementById("headline0").className = "hide";
		document.getElementById("headline"+i).className = "hide";
		if(i==3) {
			document.getElementById("homelink"+i).className = "lastitem";
		} else {
			document.getElementById("homelink"+i).className = "";
		}
	}
	document.getElementById("headline"+id).className = "show";
	if(id==3) {
		document.getElementById("homelink"+id).className = "active lastitem";
	} else {
		document.getElementById("homelink"+id).className = "active";
	}
	
	for(var b=1;b<4;b++) {
		var temparrow = document.getElementById("arrowright"+b);
		temparrow.className = "hide";
	}
	
	if(id==1) {
		var homearrowelem = document.getElementById("arrowright1");
	} else if(id==2) {
		var homearrowelem = document.getElementById("arrowright2");
	} else if (id==3) {
		var homearrowelem = document.getElementById("arrowright3");
	}
	
	homearrowelem.style.left = "629px";
	homearrowelem.style.top = homearrowpos[(id-1)]+"px";
	homearrowelem.className = "show";
}

function displayarrows() {
	var bodyelem = document.getElementsByTagName("body");
	var bodyid = bodyelem[0].getAttribute("id")
	for(var a=0;a<pageids.length;a++) {
		if(bodyid==pageids[a]) {
			var arrowelem = document.getElementById("arrow");
			arrowelem.style.left = arrowpos[a]+"px";
			break;
		}
	}
}

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