// JavaScript Document
function popUp(url,width,height){

    attrib = 'width=' + width + ',height='+ height+ ',top=10,left=10,scrollbars=yes';
    popwindow = window.open(url,'PopUp',attrib);
}

function actionOnload(e) {
	if (!document.getElementById) {
		alert("Uw browser ondersteund geen geavanceerde Javascript functies, waardoor bepaalde onderdelen van deze website niet goed zullen functioneren. Download de meest recente versie van Internet Explorer of Firefox voor een optimale presentatie van deze website.");
		return;
	}
	boxReset("Vuluwemailadresin","zoek","zoekHylo");
	initPCS();
	writeDetails();
	galleryInit();
	addListeners();
}

//
// FOR SEARCH RESULTS: DETAILS ON/OFF
//

var largeBox = "";

function writeDetails()
{

  var myID = new Array();
  var x = 0;
  var myData = "<p><a href=\"javascript:void(0);\" onclick=\"javascript:details(this);\">details</a> <a href=\"javascript:void(0);\" onclick=\"javascript:details(this);\"><img src=\"/static/npl/img/plus-sign.gif\" alt=\"Details\" class=\"zoekDetails\" /></a></p>";

  if (document.getElementById("zoekresultaten")) {
  for(i=0;i<document.getElementById("zoekresultaten").getElementsByTagName("div").length;i++)
  {
    if (document.getElementById("zoekresultaten").getElementsByTagName("div")[i].className.indexOf("searchNoDetail") != -1)
    {
      document.getElementById("zoekresultaten").getElementsByTagName("div")[i].getElementsByTagName("div")[1].innerHTML = myData;
    }
  }
  }
}

function details(obj)
{

  myObj = obj.parentNode.parentNode.parentNode;

  smallStyle = (myObj.className.substring(0,4) != "faq_" ) ? "searchNoDetail" : "faq_searchNoDetail";
  largeStyle = (myObj.className.substring(0,4) != "faq_" ) ? "searchDetail" : "faq_searchDetail";

  if (myObj.id != largeBox)
  {

    if (largeBox != "")
    {
      document.getElementById(largeBox).className = smallStyle;
      myObj.getElementsByTagName("img")[0].src = "/static/npl/img/plus-sign.gif";
    }

    myObj.className = largeStyle;
    myObj.getElementsByTagName("img")[0].src = "/static/npl/img/minus-sign.gif";

    largeBox = myObj.id;

  }
  else
  {

    myObj.className = smallStyle;
    myObj.getElementsByTagName("img")[0].src = "/static/npl/img/plus-sign.gif";

    largeBox = "";

  }

}

//
// RESET FUNCTIONALITY FOR INPUT FIELDS...
// INITIALIZE WITH boxReset(id,id...)
//

var inpBox = new Object();

function boxReset()
{
	var myElem;
	for(var i=0;i<arguments.length;i++) {
		myElem = document.getElementById(arguments[i]);

		if (myElem) {
			inpBox[myElem.id] = myElem.value;


			if (document.addEventListener) {
			  // REGISTERING THE EVENTS FOR DOM COMPLIANT BROWSERS
				myElem.addEventListener("focus",boxGotFocus,false);
				myElem.addEventListener("blur",boxLostFocus,false);
			} else {
			  // REGISTERING THE EVENTS FOR IE
				myElem.attachEvent("onblur",boxLostFocus);
				myElem.attachEvent("onfocus",boxGotFocus);
			}

		}
	}
}

function boxGotFocus(e)
{
  myBox = (!window.event) ? e.target:window.event.srcElement;

  if (myBox.value == inpBox[myBox.id])
  {
    myBox.value = "";
  }
}

function boxLostFocus(e)
{
  myBox = (!window.event) ? e.target:window.event.srcElement;

  if (myBox.value == "")
  {
    myBox.value = inpBox[myBox.id];
  }
}

//
// GENERAL FUNCTIONS...
//

//
// THIS IS TAKEN FROM
// http://www.quirksmode.org/js/findpos.html
//

function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
    curtop = obj.offsetTop
    while (obj = obj.offsetParent) {
      curleft += obj.offsetLeft
      curtop += obj.offsetTop
    }
  }
  return [curleft,curtop];
}

//
// Overlay functions for Mijn Postcode Loterij
//

//
// Copyright (c) GX creative online development
// Developer: Paul van Eijden
//

function createElm(elmtype,naam,parent) {
	var elm = document.createElement(elmtype);
	elm.className = naam;
	parent.appendChild(elm);
	return elm;
}
function createP(inhoud,parent) {
	var elm = document.createElement("p");
	elm.innerHTML = inhoud;
	parent.appendChild(elm);
	return elm;
}
function buttonClick() {
	var backgroundGray = createElm("div","backgroundGray",document.body);
	backgroundGray.setAttribute("id", "backgroundGray");
	var backgroundGray2 = createElm("div","backgroundGray2",document.body);
	backgroundGray2.setAttribute("id", "backgroundGray2");
	var containerMain = createElm("div","containerMain",backgroundGray2);
	var containerHeader = createElm("div","containerHeader",containerMain);
	var containerContent = createElm("div","containerContent",containerMain);
	var columnLeft = createElm("div","columnLeft",containerContent);
	var columnMiddle = createElm("div","columnMiddle",containerContent);
	var columnMiddleContent = createElm("div","kadertje w530",columnMiddle);
	var columnRight = createElm("div","columnRight",containerContent);

	createElm("span","top",columnMiddleContent);
	createElm("div","title",columnMiddleContent);

	var columnMiddleContentH2 = document.createElement("h2");
	columnMiddleContentH2.title = "Log in en grijp uw BuitenKans!";
	columnMiddleContentH2.innerHTML = "Log in en grijp uw BuitenKans!";
	columnMiddleContent.appendChild(columnMiddleContentH2);

	var columnMiddleContentT = document.createElement("span");
	columnMiddleContentT.style.background = "url('/web/gettext?fractional=false&size=42&fgcolor=&family=Myriad+Pro+Black&text=Log+in+en+grijp+uw+BuitenKans%21&width=1012&height=42&scalex=50&scaley=50&sc=f7ebd2') no-repeat";
	columnMiddleContentH2.insertBefore(columnMiddleContentT,columnMiddleContentH2.firstChild);

	var columnMiddleContentImg = document.createElement("img");
	columnMiddleContentImg.setAttribute("src", "https://www.postcodeloterij.nl/static/npl/img/buitenkans.jpg");
	columnMiddleContentImg.style.cssFloat = "right";
	columnMiddleContentImg.style.styleFloat = "right";
	columnMiddleContentImg.style.margin = "8px 8px 24px 16px";
	columnMiddleContent.appendChild(columnMiddleContentImg);

	createP("<strong>Om gebruik te maken van BuitenKans moet u aan de rechterkant inloggen op Mijn Postcode Loterij.</strong>",columnMiddleContent);
	createP("&nbsp;",columnMiddleContent);
	createP("Bent u wel deelnemer, maar heeft u nog geen persoonlijke pagina? <a href='https://www.postcodeloterij.nl/BuitenKans/RegistreerUVoorMijnPostcodeLoterij.htm'>Registreer u dan snel!</a>",columnMiddleContent);
	createP("&nbsp;",columnMiddleContent);
	createP("Speelt u nog niet mee met de Postcode Loterij? Dan loopt u niet alleen de BuitenKans mis, maar ook de geweldige prijzen die u maandelijks kunt winnen. <a href='https://www.postcodeloterij.nl/LotenBestellen/KoopEenLot.htm'>Koop snel een lot!</a>",columnMiddleContent);

	var columnMiddleContentImg = document.createElement("img");
	columnMiddleContentImg.setAttribute("src", "https://www.postcodeloterij.nl/static/npl/img/close.png");
	columnMiddleContentImg.setAttribute("onclick", "buttonElseClick()");
	columnMiddleContentImg.className = "imgClose";
	columnMiddleContent.appendChild(columnMiddleContentImg);
	if (document.addEventListener) {
		columnMiddleContentImg.addEventListener("onclick",buttonElseClick,false);
	} else {
		columnMiddleContentImg.attachEvent("onclick",buttonElseClick);
	}

	createElm("span","bottom",columnMiddleContent);

	var fakeLogin = document.createElement("div");
	fakeLogin.className = "kadertje w185 orange";
	fakeLogin.setAttribute("id", "fakeLogin");
	createElm("span","top",fakeLogin);

	var fakeLoginImg = document.createElement("img");
	fakeLoginImg.setAttribute("src", "https://www.postcodeloterij.nl/wm/f/e.gif");
	fakeLoginImg.style.height = "141px";
	fakeLogin.appendChild(fakeLoginImg);

	createElm("span","bottom",fakeLogin);

	var els = document.getElementById("columnRight").getElementsByTagName("div");
	for (i = 0, j = 0; i < els.length; i++) {
		if (els[i].className == "NPL_blocks_Rechts") {
			var blocksRight = els[i];
			blocksRight.setAttribute("id", "blocksRight");
		}
		if (els[i].className == "kadertje w185 orange") {
			els[i].zIndex = 99;
			els[i].setAttribute("id", "inloggen");
			columnRight.appendChild(els[i]);
			blocksRight.insertBefore(fakeLogin,blocksRight.firstChild);
			return true;
		}
	}
	return false;
}
function buttonElseClick() {
	var blocksRight = document.getElementById("blocksRight");
	if (blocksRight) {
		blocksRight.removeChild(document.getElementById("fakeLogin"));
		blocksRight.insertBefore(document.getElementById("inloggen"),blocksRight.firstChild);
		document.body.removeChild(document.getElementById("backgroundGray"));
		document.body.removeChild(document.getElementById("backgroundGray2"));
	}
	return false;
}