function closePop(){
	document.body.removeChild(document.getElementById('layer'));
	document.body.removeChild(document.getElementById('divinlayer'));
	return false;
}

function showPop(tekst){
	//overlay
	//var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;
	var scrH = $('header').getHeight()+$('content').getHeight()+$('footer').getHeight();
	var layer = document.createElement('div');
	layer.id = 'layer';
	layer.style.height = scrH + 'px';
	//layer.style.height = height;
	document.body.appendChild(layer);  
	
	//div in the middle of transparant layer
	var div = document.createElement('div');
	div.id = 'divinlayer';
	//div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
	document.body.appendChild(div); 	
	
	//closelink
	var p = document.createElement('div');
	p.innerHTML = '<div id="modal"><div id="modalsluiten"><a href="" onclick="return closePop();"></a></div>'+tekst+'<div id="btn-sluiten"><a href="" onclick="return closePop();"></a></div></div>';
	div.appendChild(p);
}

 var start = 10;

 function getBerichten(evt){
	//url	
	var url = "/bericht/extra/start/"+start+"/";
	
	new Ajax.Request(url, {
	  method: 'get',
	  onSuccess: function(transport) {
		var newid = "extra-bericht-"+start;
		var notice = $('extra-berichten');
		
		if(transport.responseText==""){
			notice.insert('<div style="display:none;" id="'+newid+'">Geen nieuwe berichten</div>');
			$('btn-meerberichten').hide();
		}else{
			
			notice.insert('<div style="display:none;" id="'+newid+'">'+transport.responseText+'</div>');
		}
		start+=1;
		Effect.Appear(newid, { duration: 0.5 });
	  }
	});
	//stoppen
	evt.stop();
 }
 Event.observe(window, 'load', function(){
	$('btn-meerberichten').observe('click',  function(evt){getBerichten(evt);});
 })