img1on = new Image();
img1on.src = "gfx/menu/proactive_aan.jpg";
img2on = new Image();
img2on.src = "gfx/menu/profile_aan.jpg";
img3on = new Image();
img3on.src = "gfx/menu/prosend_aan.jpg";
img4on = new Image();
img4on.src = "gfx/menu/probase_aan.jpg";

img1off = new Image();
img1off.src = "gfx/menu/proactive_uit.jpg";
img2off = new Image();
img2off.src = "gfx/menu/profile_uit.jpg";
img3off = new Image();
img3off.src = "gfx/menu/prosend_uit.jpg";
img4off = new Image();
img4off.src = "gfx/menu/probase_uit.jpg";

addLoadEvent(InitMenu)

function change_on(id) {	
		var oranje = document.getElementById("oranje"+id);
		var grijs = document.getElementById("grijs"+id);
		var link = document.getElementById("link"+id);
		oranje.className = 'oranjeaan';
		grijs.className = 'grijsaan';
		link.className = 'linkaan';
		var plaatje = document.getElementById("img"+id);
		plaatje.src = eval("img"+id+"on.src");
		
		for (i=1; i<=4 ; i++) {
			if (Number(id) != i) {
				change_off(i);
			}
		}
}

function change_off(id) {
		var oranje = document.getElementById("oranje"+id);
		var grijs = document.getElementById("grijs"+id);
		var link = document.getElementById("link"+id);
		oranje.className = 'oranjeuit';
		grijs.className = 'grijsuit';
		link.className = 'linkuit';		
		var plaatje = document.getElementById("img"+id);		
		plaatje.src = eval("img"+id+"off.src");
}

/* Menu */

var shownMenu=null;
var menus = [];

function InitMenu(){

	var tabs = document.getElementById("tabs");
	if(tabs){
		var tItems = tabs.childNodes;

		for(var i=0;i<tItems.length;i++){
			if(tItems[i].nodeType != 1) continue;
			menus[menus.length] = createMenu(tItems[i], menus.length);
		}
	}
	//PlaceFooterLine();
}

var TIMER = null
function createMenu(tItem, id){
	var mOver = new Function('clearTimeout(TIMER);showMenu(' + id + ');');
	var mOut = new Function('clearTimeout(TIMER);TIMER = setTimeout("hideMenu(' + id + ');", 400);');
	var mClick = new Function('return false;');
	
	tItem.onmouseover = mOver;
	tItem.onmouseout = mOut;
	//tItem.firstChild.onclick = mClick;
	

	tItem.firstChild.onfocus = mOver;
	//tItem.firstChild.onblur = mOut;
	
	return tItem;
}

var currentMenu;
function showMenu(id){
	var menu = menus[id].getElementsByTagName("ul")[0];
	if(!menu || menu.style.display == "block" ) return;
	
	if(currentMenu) hideMenu();
	
	menu.style.display = "block";
	currentMenu = menu;
}

function hideMenu(id){
	var menu;
	if(id) menu = menus[id].getElementsByTagName("ul")[0];
	if(!menu) menu = currentMenu;

	if(!menu || menu.style.display == "none") return true;
	
	menu.style.display = "none";
	currentMenu = null;
}


function PlaceFooterLine(){
	if(navigator.appName.indexOf("Microsoft")<0) return;

	var e = document.getElementById("footerline");
	if(!e) return;

	var wh = document.documentElement.clientHeight;
	var bh = document.body.clientHeight; 
	if(wh<bh) return;

	var dy = wh-bh;
	e.style.marginTop=dy+"px";
}