/*
		void showInfo(string, string)
			- laat een pop div zien met fade effect
			- past de inhoud aan het gegeven infoargument
			- geeft de popup weer op vaste plek, per link (dus niet op de mousecursor)
	*/
	function showInfo(anchorname, text) {
		var coordinates = getAbsolutePosition(document.getElementById(anchorname));
		document.getElementById("divpopup").style.left = (coordinates.x + 50) + "px";
		document.getElementById("divpopup").style.top = (coordinates.y + 20) + "px";
		document.getElementById("divpopup").innerHTML = text;
		alphatool.fadeElement("divpopup", true, 500);
	}
	
	/*
		void hideInfo()
			- 'fade' de div popup weer uit
	*/
	function hideInfo() {
		alphatool.fadeElement("divpopup", false, 500);
	}
	
	function initInfoknoppen() {
		// id : id van de a href
		// txt_id: id van de div die getoond moet worden
		// anchor: 
		// div: div die moet worden gehide bij mouseout
		function setup(id, txt_id, anchor, mouseoutDiv) {
			var text = document.getElementById(txt_id).innerHTML;
			setEventHandler(document.getElementById(id), "onmouseover", function() { showInfo(anchor, text); });
			setEventHandler(document.getElementById(mouseoutDiv), "onmouseout", function() { hideInfo(); });
		}
		
		setup("info_geblokkeerdsaldo", "info_geblokkeerdsaldotxt", "popup_anchor", "divpopup");
		setup("info_mijnfbto", "info_mijnfbtotxt", "popup_anchor", "divpopup");
		setup("info_vast", "info_vasttxt", "popup_anchor", "info_vast");
		setup("info_rente1", "info_rentetxt", "popup_anchor", "info_rente1");
		setup("info_rente2", "info_rentetxt", "popup_anchor", "info_rente2");
		setup("info_rente3", "info_rentetxt", "popup_anchor", "info_rente3");
		setup("banner_usp", "info_rentetxt", "popup_anchor", "banner_usp");
		setup("info_header", "info_rentetxt", "popup_anchor", "info_header");
	}
	
	onWindowLoad(initInfoknoppen);