function lookinside_showbook(id) {

  var li_domain = 'http://www.okokorecepten.nl';
  //li_domain = 'http://okokorecepten.sb.local';

  var bg_popup = li_domain + '/i/lookinside/bg_li_iensrecepten.png';
  var bg_popup_gif = li_domain + '/i/lookinside/bg_li_iensrecepten.gif';

  grayOut(true);

  var html =
    '<div onclick="hideMessageBox();" style="height:18px; float:right; font-size:15px; font-weight:bold; color:#fff; cursor:pointer; background-image:url(' + li_domain + '/i/lookinside/bg_close_iensrecepten.gif); background-repeat:no-repeat; background-position:right top; margin:13px 38px 0 0;">sluit venster&nbsp;&nbsp;&nbsp;&nbsp;x&nbsp;&nbsp;</div><iframe width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowtransparency="true" src="' + li_domain + '/lookinside/li.asp?id=' + id + '"></iframe>';

	if ( !document.getElementById('li_box') ) {
  	var messagebox = document.createElement('div');
  	messagebox.setAttribute('id', 'li_box');
	}
	else {
  	var messagebox = document.getElementById('li_box');
	}

  if (html) { messagebox.innerHTML = html; }
  else { messagebox.innerHTML = "..."; }

  var boxWidth = 960;
  var boxHeight = 840;


  document.getElementsByTagName('body')[0].appendChild(messagebox);
  var popupmessagebox = document.getElementById('li_box');

  popupmessagebox.style.width = boxWidth + 'px';
  popupmessagebox.style.height = boxHeight + 'px';
  popupmessagebox.style.position = 'absolute';
  popupmessagebox.style.zIndex = 52;

  var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
	var ie6 = (rslt != null && Number(rslt[1]) < 7);
  if ( ie6 == true ) {
    popupmessagebox.style.backgroundImage = 'url(' + bg_popup_gif + ')';
  }
  else {
    popupmessagebox.style.backgroundImage = 'url(' + bg_popup + ')';
  }

  popupmessagebox.style.backgroundRepeat = 'no-repeat';
  popupmessagebox.style.padding = '0px';

  var boxLeft = 100;
  var boxTop = 200;

  if( document.body.offsetWidth ) {
    boxTop = Math.floor(Math.round((document.documentElement.offsetHeight/2)+document.documentElement.scrollTop)-(boxHeight/2));
    boxLeft = Math.floor(Math.round((document.documentElement.offsetWidth/2)+document.documentElement.scrollLeft)-(boxWidth/2));
  }
  else if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) {

    boxTop = (document.body.clientHeight/2)-(boxHeight/2) + 'px';
    boxLeft = (document.body.clientWidth /2)-(boxWidth/2) + 'px';
  }
  else {
    boxTop = '100px';
    boxLeft = '100px';
  }

  var boxTop = 50;

  popupmessagebox.style.top = boxTop + 'px';
  popupmessagebox.style.left = boxLeft + 'px';

}

function hideMessageBox() {
  if ( document.getElementById('li_box') ) {
    var messagebox = document.getElementById('li_box');
    document.body.removeChild(messagebox);
    grayOut(false);
  }
}

function grayOut(vis, options) {
  var options = options || {};
  var zindex = options.zindex || 50;
  var opacity = options.opacity || 50;
  var opaque = (opacity / 100);
  var bgcolor = options.bgcolor || '#000000';
  var dark=document.getElementById('darkenScreenObject');
  if (!dark) {
    var tbody = document.getElementsByTagName("body")[0];
    var tnode = document.createElement('div');
    tnode.style.position='absolute';
    tnode.style.top='0px';
    tnode.style.left='0px';
    tnode.style.overflow='hidden';
    tnode.style.display='none';
    tnode.id='darkenScreenObject';
    tbody.appendChild(tnode);
    dark=document.getElementById('darkenScreenObject');
  }
  if (vis) {
    //set the shader to cover the entire page and make it visible.
    dark.style.opacity=opaque;
    dark.style.MozOpacity=opaque;
    dark.style.filter='alpha(opacity='+opacity+')';
    dark.style.zIndex=zindex;
    dark.style.backgroundColor=bgcolor;
    dark.style.width='100%';
    dark.style.height = '100%';
    dark.style.display='block';
  }
  else {
    dark.style.display='none';
  }
}

var bgsleight	= function() {
	function addLoadEvent(func) {
		var oldonload = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
				if (oldonload) {
					oldonload();
				}
				func();
			}
		}
	}
	function fnLoadPngs() {
		var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
		var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
		for (var i = document.all.length - 1, obj = null; (obj = document.all[i]); i--) {
			if (itsAllGood && obj.currentStyle.backgroundImage.match(/\.png/i) != null) {
				fnFixPng(obj);
				obj.attachEvent("onpropertychange", fnPropertyChanged);
			}
		}
	}
	function fnPropertyChanged() {
		if (window.event.propertyName == "style.backgroundImage") {
			var el = window.event.srcElement;
			if (!el.currentStyle.backgroundImage.match(/x\.gif/i)) {
				var bg	= el.currentStyle.backgroundImage;
				var src = bg.substring(5,bg.length-2);
				el.filters.item(0).src = src;
				el.style.backgroundImage = "url(x.gif)";
			}
		}
	}
	function fnFixPng(obj) {
		var bg	= obj.currentStyle.backgroundImage;
		var src = bg.substring(5,bg.length-2);
		obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
		obj.style.backgroundImage = "url(x.gif)";
	}
	return {
		init: function() {
			if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
				addLoadEvent(fnLoadPngs);
			}
		}
	}
}();
bgsleight.init();