// popup iframe
var popupFrame = function() {
	var w = 640;
	var h = 660;
	if (w > Window.getWidth())
		w = Window.getWidth()-10;
	if (h > Window.getHeight())
		h = Window.getHeight()-10;
	var links = $$('.popup');
	for (var i=0; i<links.length; i++) {
		links[i].onclick = function() {
			var overlay = dimPage('#000',0.6,function(){
				document.body.removeChild($('cinFrame'));
			});
			overlay.title = "Klik hier om het formulier te sluiten";
			var f = document.createElement("iframe");
			f.id = 'cinFrame';
			if (!document.all) {
				f.style.position = 'fixed';
				f.style.top = (Window.getHeight()/2)-(h/2)+'px';
			} else {
				f.frameBorder = 'none';
				f.style.position = 'absolute';
				f.style.top = (Window.getHeight()/2)-(h/2)+Window.getScrollTop()+'px';
			}
			f.style.left = (Window.getWidth()/2)-(w/2)+'px';
			document.body.appendChild(f);
			$('cinFrame').setStyle('width',w+'px');
			$('cinFrame').setStyle('height',h+'px');
			$('cinFrame').setStyle('border','none');
			$('cinFrame').setStyle('z-index','100000');
			$('cinFrame').src = this.href;
			return false;
		}
	}
}
window.addEvent("domready", popupFrame);

function dimPage(color,opacity,fnClick) {
	var color   = color || "#000";
	var opacity = opacity || "0.75";
	var overlay = document.createElement('div');
	overlay.id = 'cinOverlay';
	document.body.appendChild(overlay);
	$('cinOverlay').setStyle('background-color',color);
	$('cinOverlay').setStyle('position','absolute');
	$('cinOverlay').setStyle('top','0');
	$('cinOverlay').setStyle('left','0');
	$('cinOverlay').setStyle('width',Window.getScrollWidth()+'px');
	$('cinOverlay').setStyle('height',Window.getScrollHeight()+'px');
	$('cinOverlay').setStyle('z-index','10000');
	$('cinOverlay').setStyle('opacity',opacity);
	$('cinOverlay').onclick = function() {
		document.body.removeChild(overlay);
		if (fnClick && typeof(fnClick) == "function")
			fnClick();
	}
	return $('cinOverlay');
}