var hov = {
	timeout: undefined,
	getid: function(obj) {
			if (m=obj.id.match(/^page([0-9]+)/)) {
				return m[1];
			}
			return 0;
		},
	over: function(e) {
			var id = hov.getid(this);
			var obj = document.getElementById('popup'+id);
			hov.hideall(obj);
			if (obj)
				obj.style.display='block';

			if (!e) var e = window.event;
			e.cancelBubble = true;
			if (e.stopPropagation) e.stopPropagation();
		},
	out: function() {
			/*var id = hov.getid(this);
			var obj = document.getElementById('popup'+id);
			if (obj)
				obj.style.display='none';*/
			//this.style.display='none';
			//this.innerHTML='test';
		},
	delay_out: function() {
			hov.timeout=setTimeout(function() {  },500);
		},
	hideall: function(except) {
			var els = document.getElementsByTagName('DIV');
			for (var i=0;i<els.length;i++)
				if (els[i]!=except && els[i].className=='popup')
					els[i].style.display='none';
		},
	andersover: function() {
			var tmp = document.getElementById('test');
			tmp.innerHTML=this.tagName;
			//this.innerHTML='test';
		},
	init: function() {
			var content = document.getElementById('spb');
			content.onmouseover=hov.hideall;
			var els = document.getElementsByTagName('A');
			for (var i=0;i<els.length;i++) {
				var m = els[i].id.match(/^page[0-9]+/);
				if (m!=null) {
					var id = hov.getid(els[i]);
					var obj = document.getElementById('popup'+id);
					els[i].onmouseover=hov.over;
					/*if (obj)
						obj.onmouseout=hov.out;*/
				}
			}
		}
	};

function imagepopup(fn,w,h) {
	var st = (document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

	var tmp = document.getElementById('imagepopup');
	if (tmp) tmp.parentNode.removeChild(tmp);

	var div = document.createElement('DIV');
	div.id='imagepopup';
	div.style.position='absolute';
	div.style.top=(st+10)+'px';
	div.style.width='100%';
	div.style.textAlign='center';

	var adiv = document.createElement('SPAN');
	adiv.style.position='absolute';
	adiv.style.marginTop='25px';
	adiv.style.marginLeft='25px';
	adiv.style.background='white';
	adiv.style.color='black';
	adiv.style.cursor='pointer';
	adiv.onclick=function() { this.parentNode.parentNode.removeChild(this.parentNode); }
	adiv.style.opacity=0.75;
	adiv.style.padding='5px';
	//adiv.style.marginRight='-'+w+'px';
	adiv.innerHTML='sluiten';

	var img = document.createElement('IMG');
	img.style.width=w+'px';
	img.style.height=h+'px';
	img.style.border='20px #d3f489 solid';
	img.src=fn;
	div.appendChild(adiv);
	div.appendChild(img);

	var body = document.getElementsByTagName('BODY');
	body[0].appendChild(div);
}

window.onload=hov.init;