var bg = new Image();
bg.src = '/images/layout/bg.jpg';

var cover = new Image();
cover.src = '/images/layout/cover.png';

document.observe('dom:loaded', function() {
	var imgh	= 783;		
	var conth 	= 512;
	
	// IE en het rare 'ik wil geen innerHeight' probleem
	var scrheight 	= ((document.all) ? document.documentElement.clientHeight : window.innerHeight);
	var scrwidth	= ((document.all) ? document.documentElement.clientWidth : window.innerWidth);
	
	var scrtop	= (scrheight - imgh) / 1.5;
	var ctop	= (imgh / conth) * 100 + 9;
	
	if(scrheight < conth) {
		$('hhz-background').style.cssText = 'height:520px; overflow:hidden; position:relative';
		$('hhz-wrapper').style.cssText = 'margin-top:' + (scrtop + 30) + 'px';
		$('hhz-content').style.cssText = 'margin-top:' + ctop + 'px';

	} else {
		$('hhz-background').style.cssText = 'height:' + scrheight + 'px; overflow:hidden; position:relative';
		$('hhz-wrapper').style.cssText = 'margin-top:' + scrtop + 'px';
		$('hhz-content').style.cssText = 'margin-top:' + ctop + 'px';
	}
	
	icns = $A($$('.hover'));
	
	_old = '';
	icns.each(function(a) {
		Event.observe(a, 'mouseover', function() {
			_old = this.src;
			this.src = this.src.replace('_trans', '');
		});
		Event.observe(a, 'mouseout', function() {
			this.src = _old;
		});
	});
});