/*
		uitklap.js
		
		ontwikkeld door Vasislis
		doorontwikkeld door Jan Koehoorn
	*/
	var img0, img1, img2, uitklap0, uitklap1, uitklap2;
	add_event (window, 'load', handle_fadediv, false);
	add_event (window, 'load', zoekuitklap, false);
	
	function handle_fadediv () {
		var uls = document.getElementById ('navigatie').getElementsByTagName ('ul');
		var ov = document.getElementById ('fadediv');
		ov.style.display = 'none';
		ov.onmouseover = function () {
			this.style.display = 'none';	
		}
		for (i = 0; i < uls.length; i++) {
			uls[i].onmouseover = function () {
				ov.style.display = 'block';
			}
			uls[i].onmouseout = function () {
				ov.style.display = 'none';
			}
		}
	}
	
	function zoekuitklap () {
		uitklap0 = document.getElementById ('uitklap0');
		uitklap1 = document.getElementById ('uitklap1');
		uitklap2 = document.getElementById ('uitklap2');
		
		var _img0 = document.getElementById ('img0');
		var img0 = new Image ();
		var img0_hover = new Image ();
		var _img1 = document.getElementById ('img1');
		var img1 = new Image ();
		var img1_hover = new Image ();
		var _img2 = document.getElementById ('img2');
		var img2 = new Image ();
		var img2_hover = new Image ();
		
		var delay = 1000;
		
		img0.src = _img0.src;
		img0_hover.src = _img0.getAttribute ('rel');
		_img0.onmouseover = function () {
			this.src = img0_hover.src;
			openuitklap (uitklap0);
		}
		_img0.onmouseout = function () {
			this.src = img0.src;
			setTimeout ("sluituitklap (uitklap0)", delay);
		}
		
		img1.src = _img1.src;
		img1_hover.src = _img1.getAttribute ('rel');
		_img1.onmouseover = function () {
			this.src = img1_hover.src;
			openuitklap (uitklap1);
		}
		_img1.onmouseout = function () {
			this.src = img1.src;
			setTimeout ("sluituitklap (uitklap1)", delay);
		}
		
		img2.src = _img2.src;
		img2_hover.src = _img2.getAttribute ('rel');
		_img2.onmouseover = function () {
			this.src = img2_hover.src;
			openuitklap (uitklap2);
		}
		_img2.onmouseout = function () {
			this.src = img2.src;
			setTimeout ("sluituitklap (uitklap2)", delay);
		}
		

	}
	
	function openuitklap (obj) {
		obj.style.visibility = 'hidden';
		obj.style.display = 'block';
		hoogte = obj.offsetHeight - 1;
		obj.style.marginTop = -hoogte + 'px';
		obj.style.visibility = 'visible';
	}
	
	function sluituitklap (obj) {
		obj.style.display = 'none';
	}
	
	function overimg (imgobject) {
		alert (this.src);
		this.src = imgobject.src;
	}
	function outimg (imgobject) {
		this.src = imgobject.src;
	}