addLoadListener(initDialog);

function initDialog() {

  createDialog();

  return true;
}

function createDialog() {
  var body = document.getElementsByTagName("body")[0];
  var pageDimensions = getPageDimensions();
  var viewportSize = getViewportSize();

  if (viewportSize[1] > pageDimensions[1]) {
    pageDimensions[1] = viewportSize[1];
  }

  var dropSheet = document.createElement("div");

  dropSheet.setAttribute("id", "dropSheet");
  dropSheet.style.position = "absolute";
  dropSheet.style.left = "0";
  dropSheet.style.top = "0";
  dropSheet.style.width = pageDimensions[0] + "px";
  dropSheet.style.height = pageDimensions[1] + "px";
  body.appendChild(dropSheet);

  try {
    var dialog = document.createElement("div");
    dialog.className = "customDialog";
    dialog.style.visibility = "hidden";
    dialog.style.position = "absolute";

    var dialogTitle = document.createElement("h6");
    dialogTitle.appendChild(document.createTextNode("Rijkenberg Tuinmeubelen"));
    dialog.appendChild(dialogTitle);

    var dialogMessage = document.createElement("iframe");
	dialogMessage.setAttribute('src', 'http://www.rijkenbergtuinmeubelen.nl/index_popup.php');
	dialogMessage.setAttribute('id','lightboxIframe');
	dialogMessage.setAttribute('scrolling','no');
	dialogMessage.setAttribute('frameBorder','0');
	dialogMessage.style.height = '200px';
	dialogMessage.style.width = '100%';
		/*objLightboxIframe.setAttribute('style','z-index:20000');
		objLightboxIframe.style.width = vidWidth + 'px';
		
		objLightboxIframe.style.border = 'none';*/
	dialog.appendChild(dialogMessage);
	

    var dialogButton1 = document.createElement("input");
    dialogButton1.setAttribute("type", "button");
    dialogButton1.setAttribute("value", "venster sluiten");
    attachEventListener(dialogButton1, "click", dialogClick, false);
    dialog.appendChild(dialogButton1);

    body.appendChild(dialog);

    var scrollingPosition = getScrollingPosition();

    dialog.style.left = scrollingPosition[0] + parseInt(viewportSize[0] / 2) - parseInt(dialog.offsetWidth / 2) + "px";
    dialog.style.top = scrollingPosition[1] + parseInt(viewportSize[1] / 2) - parseInt(dialog.offsetHeight / 2) + "px";
    dialog.style.visibility = "visible";

    dialogButton1.focus();
  } catch(error) {
    dropSheet.parentNode.removeChild(dropSheet);

    return true;
  }

    return false;
}

function dialogClick(event) {
  if (typeof event == "undefined") {
    event = window.event;
  }

  var target = getEventTarget(event);

  while (target.nodeName.toLowerCase() != "input") {
    target = target.parentNode;
  }

  var value = target.getAttribute("value");

  if (value == "venster sluiten") {
    var dialog = target;

    while (dialog.className != "customDialog") {
      dialog = dialog.parentNode;
    }

    closeDialog(dialog);
  } else {
    window.location.href = "permissions.php?action=" + value;
  }

  return true;
}

function closeDialog(dialog) {
  var dropSheet = document.getElementById("dropSheet");

  dropSheet.parentNode.removeChild(dropSheet);
  dialog.parentNode.removeChild(dialog);

  return true;
}

function addLoadListener(fn) {
  if (typeof window.addEventListener != 'undefined') {
    window.addEventListener('load', fn, false);
  } else if (typeof document.addEventListener != 'undefined') {
    document.addEventListener('load', fn, false);
  } else if (typeof window.attachEvent != 'undefined') {
    window.attachEvent('onload', fn);
  } else {
    var oldfn = window.onload;
    if (typeof window.onload != 'function') {
      window.onload = fn;
    } else {
      window.onload = function() {
        oldfn();
        fn();
      };
    }
  }
}

function attachEventListener(target, eventType, functionRef, capture) {
  if (typeof target.addEventListener != "undefined") {
    target.addEventListener(eventType, functionRef, capture);
  } else if (typeof target.attachEvent != "undefined") {
    target.attachEvent("on" + eventType, functionRef);
  } else {
    eventType = "on" + eventType;

    if (typeof target[eventType] == "function") {
      var oldListener = target[eventType];

      target[eventType] = function() {
        oldListener();

        return functionRef();
      }
    } else {
      target[eventType] = functionRef;
    }
  }

  return true;
}

function getEventTarget(event) {
  var targetElement = null;

  if (typeof event.target != "undefined") {
    targetElement = event.target;
  } else {
    targetElement = event.srcElement;
  }

  while (targetElement.nodeType == 3 && targetElement.parentNode != null) {
    targetElement = targetElement.parentNode;
  }

  return targetElement;
}

function getScrollingPosition() {
  var position = [0, 0];

  if (typeof window.pageYOffset != 'undefined') {
    position = [
        window.pageXOffset,
        window.pageYOffset
    ];
  } else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0) {
    position = [
        document.documentElement.scrollLeft,
        document.documentElement.scrollTop
    ];
  } else if (typeof document.body.scrollTop != 'undefined') {
    position = [
        document.body.scrollLeft,
        document.body.scrollTop
    ];
  }

  return position;
}

function getViewportSize() {
  var size = [0,0];

  if (typeof window.innerWidth != 'undefined') {
    size = [
        window.innerWidth,
        window.innerHeight
    ];
  } else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
    size = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  } else {
    size = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }

  return size;
}

function getPageDimensions() {
  var body = document.getElementsByTagName("body")[0];
  var bodyOffsetWidth = 0;
  var bodyOffsetHeight = 0;
  var bodyScrollWidth = 0;
  var bodyScrollHeight = 0;
  var pageDimensions = [0, 0];

  if (typeof document.documentElement != "undefined" && typeof document.documentElement.scrollWidth != "undefined") {
    pageDimensions[0] = document.documentElement.scrollWidth;
    pageDimensions[1] = document.documentElement.scrollHeight;
  }

  bodyOffsetWidth = body.offsetWidth;
  bodyOffsetHeight = body.offsetHeight;
  bodyScrollWidth = body.scrollWidth;
  bodyScrollHeight = body.scrollHeight;

  if (bodyOffsetWidth > pageDimensions[0]) {
    pageDimensions[0] = bodyOffsetWidth;
  }

  if (bodyOffsetHeight > pageDimensions[1]) {
    pageDimensions[1] = bodyOffsetHeight;
  }

  if (bodyScrollWidth > pageDimensions[0]) {
    pageDimensions[0] = bodyScrollWidth;
  }

  if (bodyScrollHeight > pageDimensions[1]) {
    pageDimensions[1] = bodyScrollHeight;
  }

  return pageDimensions;
}