// 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();
	if (window.galleryInit){
		galleryInit();
	}
	if (window.addListeners){
		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 getDocumentHeight() {
	var body = document.body;
  var html = document.documentElement; 

	var height = Math.max( body.scrollHeight, body.offsetHeight,  
                     		 html.clientHeight, html.scrollHeight, html.offsetHeight ); 
	return height+20;
}

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 showLayover(contentDiv, showLogin) {
	var cufonTitles = $j('#' + contentDiv + ' h2.cufon');
	if (cufonTitles) {		
		cufonTitles.each(function(){ 
	    $j(this).find('cufon').each(function(){ 
	        $j(this).replaceWith($j(this).find('cufontext').text()) 
	    }) 
		});
	}
	var backgroundGray = createElm("div","backgroundGray",document.body);
	backgroundGray.setAttribute("id", "backgroundGray");
	backgroundGray.style.height = getDocumentHeight() + 'px';
	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","",columnMiddle);
	var columnRight = createElm("div","columnRight",containerContent);
	
	
	/** Get layover content **/	
	var layoverContainer = document.getElementById(contentDiv);
	var content = layoverContainer.innerHTML;
	columnMiddleContent.innerHTML = content;
	Cufon.replace('.layoverContent h2.cufon');
	
	/** close button **/
	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);
	}
	
	if (showLogin) {
		/** Add fake login box **/
		var fakeLogin = document.createElement("div");
		fakeLogin.className = "kadertje w185 orange mijngegevens";
		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");
		var blocksRight = null;
		for (i = 0, j = 0; i < els.length; i++) {
			if (els[i].className == "NPL_blocks_Rechts") {
				blocksRight = els[i];
				blocksRight.setAttribute("id", "blocksRight");
			}
			if (typeof(blocksRight) != 'undefined' && blocksRight != null) {
				if (els[i].className == "kadertje w185 orange mijngegevens") {
					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;
}

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 mijngegevens";
	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 mijngegevens") {
			els[i].zIndex = 99;
			els[i].setAttribute("id", "inloggen");
			columnRight.appendChild(els[i]);
			blocksRight.insertBefore(fakeLogin,blocksRight.firstChild);
			return true;
		}
	}
	return false;
}


// Set cookies for the requestparameters in static files

function setCookie(name,value,days) {
	if (value && value != ''){
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
	}
}

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

setCookie('broncode', getUrlVars()["broncode"], 0);
setCookie('brongroep', getUrlVars()["brongroep"], 0);