function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
		} else {
			window.onload = function() {
				if (oldonload) {
				oldonload();
			}
			func();
	   }
	  }
}

function clearChoices() {
	var list = document.getElementById("choicesList");
	var choices = list.getElementsByTagName("div");
	for (var i=0;i<choices.length;i++)
	{
		choices[i].className="";
	}
}

function highlightChoice(template) {
	var voorjou = document.getElementById("li-voorjou");
	var proficiat = document.getElementById("li-proficiat");
	var gefeliciteerd = document.getElementById("li-gefeliciteerd");
	var loveyou = document.getElementById("li-loveyou");
	var kadootjes = document.getElementById("li-kadootjes");
	var pimmetje = document.getElementById("li-pimmetje");
	var verrassing = document.getElementById("li-verrassing");
	var strandstoel = document.getElementById("li-strandstoel");
	var surf = document.getElementById("li-surf");
	var werkstuk = document.getElementById("li-werkstuk");
	var kiss = document.getElementById("li-kiss");
	var grlpower = document.getElementById("li-grlpower");
	var sk8terboi = document.getElementById("li-sk8terboi");
	var zonnebad = document.getElementById("li-zonnebad");
	var wak = document.getElementById("li-wak");
	var WinnieWinkle2 = document.getElementById("li-WinnieWinkle2");
	var WinnieWinkle1 = document.getElementById("li-WinnieWinkle1");
	var sjorslied = document.getElementById("li-sjorslied");
	var zeepkist = document.getElementById("li-zeepkist");
	var biljart = document.getElementById("li-biljart");
		
	if (template == "li-voorjou") {
		clearChoices();
		voorjou.className = "on";
	}
	else if (template == "li-proficiat") {
		clearChoices();
		proficiat.className = "on";
	}
	else if (template == "li-gefeliciteerd") {
		clearChoices();
		gefeliciteerd.className = "on";
	}
	else if (template == "li-loveyou") {
		clearChoices();
		loveyou.className = "on";
	}
	else if (template == "li-kadootjes") {
		clearChoices();
		kadootjes.className = "on";
	}
	else if (template == "li-pimmetje") {
		clearChoices();
		pimmetje.className = "on";
	}
	else if (template == "li-verrassing") {
		clearChoices();
		verrassing.className = "on";
	}
	else if (template == "li-strandstoel") {
		clearChoices();
		strandstoel.className = "on";
	}
	else if (template == "li-surf") {
		clearChoices();
		surf.className = "on";
	}
	else if (template == "li-werkstuk") {
		clearChoices();
		werkstuk.className = "on";
	}
	else if (template == "li-kiss") {
		clearChoices();
		kiss.className = "on";
	}
	else if (template == "li-grlpower") {
		clearChoices();
		grlpower.className = "on";
	}
	else if (template == "li-sk8terboi") {
		clearChoices();
		sk8terboi.className = "on";
	}
	else if (template == "li-zonnebad") {
		clearChoices();
		zonnebad.className = "on";
	}
	else if (template == "li-wak") {
		clearChoices();
		wak.className = "on";
	}
	else if (template == "li-WinnieWinkle2") {
		clearChoices();
		WinnieWinkle2.className = "on";
	}
	else if (template == "li-WinnieWinkle1") {
		clearChoices();
		WinnieWinkle1.className = "on";
	}
	else if (template == "li-sjorslied") {
		clearChoices();
		sjorslied.className = "on";
	}
	else if (template == "li-zeepkist") {
		clearChoices();
		zeepkist.className = "on";
	}
	else if (template == "li-biljart") {
		clearChoices();
		biljart.className = "on";
	}
}


function imageClick() {
	var voorjou = document.getElementById("li-voorjou");
	var proficiat = document.getElementById("li-proficiat");
	var gefeliciteerd = document.getElementById("li-gefeliciteerd");
	var loveyou = document.getElementById("li-loveyou");
	var kadootjes = document.getElementById("li-kadootjes");
	var pimmetje = document.getElementById("li-pimmetje");
	var verrassing = document.getElementById("li-verrassing");
	var strandstoel = document.getElementById("li-strandstoel");
	var surf = document.getElementById("li-surf");
	var werkstuk = document.getElementById("li-werkstuk");
	var kiss = document.getElementById("li-kiss");
	var grlpower = document.getElementById("li-grlpower");
	var sk8terboi = document.getElementById("li-sk8terboi");
	var zonnebad = document.getElementById("li-zonnebad");
	var wak = document.getElementById("li-wak");
	var WinnieWinkle2 = document.getElementById("li-WinnieWinkle2");
	var WinnieWinkle1 = document.getElementById("li-WinnieWinkle1");
	var sjorslied = document.getElementById("li-sjorslied");
	var zeepkist = document.getElementById("li-zeepkist");
	var biljart = document.getElementById("li-biljart");
	var imgvoorjou = voorjou.getElementsByTagName("img");
	var imgproficiat = proficiat.getElementsByTagName("img");
	var imggefeliciteerd = gefeliciteerd.getElementsByTagName("img");
	var imgloveyou = loveyou.getElementsByTagName("img");
	var imgkadootjes = kadootjes.getElementsByTagName("img");
	var imgpimmetje = pimmetje.getElementsByTagName("img");
	var imgverrassing = verrassing.getElementsByTagName("img");
	var imgstrandstoel = strandstoel.getElementsByTagName("img");
	var imgsurf = surf.getElementsByTagName("img");
	var imgwerkstuk = werkstuk.getElementsByTagName("img");
	var imgkiss = kiss.getElementsByTagName("img");
	var imgsk8terboi = sk8terboi.getElementsByTagName("img");
	var imggrlpower = grlpower.getElementsByTagName("img");
	var imgzonnebad = zonnebad.getElementsByTagName("img");
	var imgwak = wak.getElementsByTagName("img");
	var imgWinnieWinkle2 = WinnieWinkle2.getElementsByTagName("img");
	var imgWinnieWinkle1 = WinnieWinkle1.getElementsByTagName("img");
	var imgsjorslied = sjorslied.getElementsByTagName("img");
	var imgzeepkist = zeepkist.getElementsByTagName("img");
	var imgbiljart = biljart.getElementsByTagName("img");
	var inputvoorjou = document.getElementById("radiovoorjou");
	var inputproficiat = document.getElementById("radioproficiat");
	var inputgefeliciteerd = document.getElementById("radiogefeliciteerd");
	var inputloveyou = document.getElementById("radioloveyou");
	var inputkadootjes = document.getElementById("radiokadootjes");
	var inputpimmetje = document.getElementById("radiopimmetje");
	var inputverrassing = document.getElementById("radioverrassing");
	var inputstrandstoel = document.getElementById("radiostrandstoel");
	var inputsurf = document.getElementById("radiosurf");
	var inputwerkstuk = document.getElementById("radiowerkstuk");
	var inputkiss = document.getElementById("radiokiss");
	var inputgrlpower = document.getElementById("radiogrlpower");
	var inputsk8terboi = document.getElementById("radiosk8terboi");
	var inputzonnebad = document.getElementById("radiozonnebad");
	var inputwak = document.getElementById("radiowak");
	var inputWinnieWinkle2 = document.getElementById("radioWinnieWinkle2");
	var inputWinnieWinkle1 = document.getElementById("radioWinnieWinkle1");
	var inputsjorslied = document.getElementById("radiosjorslied");
	var inputzeepkist = document.getElementById("radiozeepkist");
	var inputbiljart = document.getElementById("radiobiljart");
	imgvoorjou[0].onclick = function() {
		inputvoorjou.checked = true;
		highlightChoice("li-voorjou");
	}
	imgproficiat[0].onclick = function() {
		inputproficiat.checked = true;
		highlightChoice("li-proficiat");
	}
	imggefeliciteerd[0].onclick = function() {
		inputgefeliciteerd.checked = true;
		highlightChoice("li-gefeliciteerd");
	}
	imgloveyou[0].onclick = function() {
		inputloveyou.checked = true;
		highlightChoice("li-loveyou");
	}
	imgkadootjes[0].onclick = function() {
		inputkadootjes.checked = true;
		highlightChoice("li-kadootjes");
	}
	imgpimmetje[0].onclick = function() {
		inputpimmetje.checked = true;
		highlightChoice("li-pimmetje");
	}
	imgverrassing[0].onclick = function() {
		inputverrassing.checked = true;
		highlightChoice("li-verrassing");
	}
	imgstrandstoel[0].onclick = function() {
		inputstrandstoel.checked = true;
		highlightChoice("li-strandstoel");
	}
	imgsurf[0].onclick = function() {
		inputsurf.checked = true;
		highlightChoice("li-surf");
	}
	imgwerkstuk[0].onclick = function() {
		inputwerkstuk.checked = true;
		highlightChoice("li-werkstuk");
	}
	imgkiss[0].onclick = function() {
		inputkiss.checked = true;
		highlightChoice("li-kiss");
	}
	imggrlpower[0].onclick = function() {
		inputgrlpower.checked = true;
		highlightChoice("li-grlpower");
	}
	imgsk8terboi[0].onclick = function() {
		inputsk8terboi.checked = true;
		highlightChoice("li-sk8terboi");
	}
	imgzonnebad[0].onclick = function() {
		inputzonnebad.checked = true;
		highlightChoice("li-zonnebad");
	}
	imgwak[0].onclick = function() {
		inputwak.checked = true;
		highlightChoice("li-wak");
	}
	imgWinnieWinkle2[0].onclick = function() {
		inputWinnieWinkle2.checked = true;
		highlightChoice("li-WinnieWinkle2");
	}
	imgWinnieWinkle1[0].onclick = function() {
		inputWinnieWinkle1.checked = true;
		highlightChoice("li-WinnieWinkle1");
	}
	imgsjorslied[0].onclick = function() {
		inputsjorslied.checked = true;
		highlightChoice("li-sjorslied");
	}
	imgzeepkist[0].onclick = function() {
		inputzeepkist.checked = true;
		highlightChoice("li-zeepkist");
	}
	imgbiljart[0].onclick = function() {
		inputbiljart.checked = true;
		highlightChoice("li-biljart");
	}
}
addLoadEvent(imageClick);


/* so that if someone clicks on the actual radio and not the image, the effect still happens */
function prepareChoices() {
	var voorjou = document.getElementById("radiovoorjou");
	var proficiat = document.getElementById("radioproficiat");
	var gefeliciteerd = document.getElementById("radiogefeliciteerd");
	var loveyou = document.getElementById("radioloveyou");
	var kadootjes = document.getElementById("radiokadootjes");
	var pimmetje = document.getElementById("radiopimmetje");
	var verrassing = document.getElementById("radioverrassing");
	var strandstoel = document.getElementById("radiostrandstoel");
	var surf = document.getElementById("radiosurf");
	var werkstuk = document.getElementById("radiowerkstuk");
	var kiss = document.getElementById("radiokiss");
	var grlpower = document.getElementById("radiogrlpower");
	var sk8terboi = document.getElementById("radiosk8terboi");
	var zonnebad = document.getElementById("radiozonnebad");
	var wak = document.getElementById("radiowak");
	var WinnieWinkle2 = document.getElementById("radioWinnieWinkle2");
	var WinnieWinkle1 = document.getElementById("radioWinnieWinkle1");
	var sjorslied = document.getElementById("radiosjorslied");
	var zeepkist = document.getElementById("radiozeepkist");
	var biljart = document.getElementById("radiobiljart");
	voorjou.onclick = function () {
		highlightChoice("li-voorjou");
	}
	proficiat.onclick = function () {
		highlightChoice("li-proficiat");
	}
	gefeliciteerd.onclick = function () {
		highlightChoice("li-gefeliciteerd");
	}
	loveyou.onclick = function () {
		highlightChoice("li-loveyou");
	}
	kadootjes.onclick = function () {
		highlightChoice("li-kadootjes");
	}
	pimmetje.onclick = function () {
		highlightChoice("li-pimmetje");
	}
	verrassing.onclick = function () {
		highlightChoice("li-verrassing");
	}
	strandstoel.onclick = function () {
		highlightChoice("li-strandstoel");
	}
	surf.onclick = function () {
		highlightChoice("li-surf");
	}
	werkstuk.onclick = function () {
		highlightChoice("li-werkstuk");
	}
	kiss.onclick = function () {
		highlightChoice("li-kiss");
	}
	grlpower.onclick = function () {
		highlightChoice("li-grlpower");
	}
	sk8terboi.onclick = function () {
		highlightChoice("li-sk8terboi");
	}
	zonnebad.onclick = function () {
		highlightChoice("li-zonnebad");
	}
	wak.onclick = function () {
		highlightChoice("li-wak");
	}
	WinnieWinkle2.onclick = function () {
		highlightChoice("li-WinnieWinkle2");
	}
	WinnieWinkle1.onclick = function () {
		highlightChoice("li-WinnieWinkle1");
	}
	sjorslied.onclick = function () {
		highlightChoice("li-sjorslied");
	}
	zeepkist.onclick = function () {
		highlightChoice("li-zeepkist");
	}
	biljart.onclick = function () {
		highlightChoice("li-biljart");
	}
}
addLoadEvent(prepareChoices);



function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/4 : 1;
TopPosition = (screen.height) ? (screen.height-h)/8 : 1;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',+resizable+'
win = window.open(mypage,myname,settings)
if(win.window.focus){win.window.focus();}
}



function radio_button_checker()
{
var radio_choice = false;
for (counter = 0; counter < eCardsform.choice.length; counter++)
{
if (eCardsform.choice[counter].checked)
radio_choice = true; 
}
if (!radio_choice)
{
alert("Je hebt nog geen kaart gekozen")
return (false);
}
return (true);
}