var otto_popup;
 $(document).ready(function(){
	otto_popup = $(document.body).append('<div id="otto_popup" style="margin:auto;width:460px;"><div style="top: 100px;position:absolute;background-color:#fff;width:461px;height:461px;opacity:0.8;filter:alpha(opacity=80);"></div>\n\
	<div style="position:absolute;margin: auto;top: 100px;padding: 20px;font-family:verdana;border:1px solid black;width:420px;height:420px;">\n\
	<img style="position:absolute;left: 420px;top:10px;cursor:pointer;" onclick="$(\'#otto_popup\').hide();$(\'#otto_overlay\').hide();" src="/public/img/popup/close.gif"></img>\n\
	<a href="http://ottoworkforce.eu/nl/nllovespl"><img style="margin-top:60px;margin-left:10px;" src="/public/userfiles/NLlovesPL.png"></a>\n\
	<br /><p>&nbsp;</p>\n\
	<br/>\n\
		</div></div>');
	
	otto_overlay = $(document.body).append('<div id="otto_overlay" style="position:absolute;top:0;left:0;">\n\
	<div id="otto_overlay_top" style="height:100px;background-color:#000;position:absolute;top:0;left:0;opacity:0.5;filter:alpha(opacity=50);"></div>\n\
	<div id="otto_overlay_bot" style="background-color:#000;position:absolute;top:560px;left:0;opacity:0.5;filter:alpha(opacity=50);"></div>\n\
	<div id="otto_overlay_left" style="height:460px;background-color:#000;position:absolute;top:100px;left:0;opacity:0.5;filter:alpha(opacity=50);"></div>\n\
	<div id="otto_overlay_right" style="height:460px;background-color:#000;position:absolute;top:100px;left:0;opacity:0.5;filter:alpha(opacity=50);"></div>\n\
	</div>');
	 
	 
	 var width = $(document).width();
	 var height = $(document).height();
	 
	 
	 if ($.browser.msie) width = width - 14;
	 
	 $('#otto_overlay_left').css('width', width/2-230);
	 $('#otto_overlay_right').css('left', width/2+230);
	 $('#otto_overlay_right').css('width', width/2-230);
	 

	$('#otto_overlay_top').css('width', width);
	$('#otto_overlay_bot').css('width', width);
	$('#otto_overlay_bot').css('height', height-560);
	
 });