// JavaScript Document
var hardenberg = '<dl><dt id="maandag">Maandag</dt><dd id="maandag2">Gesloten</dd><dt id="dinsdag">Dinsdag</dt><dd id="dinsdag2">08:30 tot 17:30</dd><dt id="woensdag">Woensdag</dt><dd id="woensdag2">08:30 tot 20:00</dd><dt id="donderdag">Donderdag</dt><dd id="donderdag2">08:30 tot 20:00</dd><dt id="vrijdag">Vrijdag</dt><dd id="vrijdag2">08:30 tot 17:30</dd><dt id="zaterdag" class="last">Zaterdag</dt><dd id="zaterdag2" class="last">08:30 tot 16:00</dd></dl>';
var dalfsen = '<dl><dt id="maandag">Maandag</dt><dd id="maandag2">Gesloten</dd><dt id="dinsdag">Dinsdag</dt><dd id="dinsdag2">08:30 tot 17:30</dd><dt id="woensdag">Woensdag</dt><dd id="woensdag2">08:30 tot 17:30</dd><dt id="donderdag">Donderdag</dt><dd id="donderdag2">08:30 tot 17:30</dd><dt id="vrijdag">Vrijdag</dt><dd id="vrijdag2">08:30 tot 20:00</dd><dt id="zaterdag" class="last">Zaterdag</dt><dd id="zaterdag2" class="last">08:30 tot 16:00</dd></dl>';
var nijverdal=  '<dl><dt id="maandag">Maandag</dt><dd id="maandag2">Gesloten</dd><dt id="dinsdag">Dinsdag</dt><dd id="dinsdag2">08:30 tot 17:30</dd><dt id="woensdag">Woensdag</dt><dd id="woensdag2">08:30 tot 17:30</dd><dt id="donderdag">Donderdag</dt><dd id="donderdag2">08:30 tot 20:00</dd><dt id="vrijdag">Vrijdag</dt><dd id="vrijdag2">08:30 tot 17:30</dd><dt id="zaterdag" class="last">Zaterdag</dt><dd id="zaterdag2" class="last">08:30 tot 16:00</dd></dl>';
var waar = false;
function show(nummer, element)
{

	document.getElementById("img"+nummer).src = "resources/nav/"+nummer+"-hover.gif";
	document.getElementById("dropdownmenu"+nummer).style.display = "";
}

function show1(nummer)
{
	document.getElementById("img"+nummer).src = "resources/nav/"+nummer+"-hover.gif";
	document.getElementById("dropdownmenu"+nummer).style.display = "";
}

function delete1(nummer)
{
	document.getElementById("img"+nummer).src = "resources/nav/"+nummer+".gif";
	document.getElementById("dropdownmenu"+nummer).style.display = "none";
}

function veranderKleur(obj)
{
	obj.style.background = "#F7F1D7";
	obj.style.color = "#1B1B20";
}

function terugKleur(obj)
{
	obj.style.background = "#FFFFFF";
	obj.style.color = "#666666";
}

function veranderAchter(obj)
{
	obj.style.background = "url('dropdown.gif')";
	obj.style.color = "#ffffff";

}

function terugAchter(obj)
{
	obj.style.background = "url('dropdown1.gif')";
	obj.style.color = "#000000";
}

function gaNaar(pagina)
{
	window.alert(pagina);
	window.location.href = pagina;
}


var deFoto=1;
function setPhoto(id, naam, foto)
{
	document.getElementById("defoto2").style.opacity = 100;
	document.getElementById("defoto2").style.MozOpacity = 100;
	document.getElementById("defoto2").style.KhtmlOpacity = 100;
	shiftOpacity("defoto2", 500);

	setTimeout("setPhoto2(" + id + ",'" + naam + "','"+foto+"')",500);
}

function setPhoto2(id, naam, foto)
{
		document.getElementById("fototitel").innerHTML= naam;
		document.getElementById("defoto2").src= "resources/album/"+foto+"";
		for(var i =0 ; i<fotoalbum.length; i++)
		{
			if(fotoalbum[i][0] == id)
			{
				alert
				if(i!=0)
				{
					document.getElementById("terug").style.display= '';
				}
				else
				{
					document.getElementById("terug").style.display= 'none';
				}

				if(i!=(fotoalbum.length-1))
				{
					document.getElementById("volgende").style.display= '';
				}
				else
				{
					document.getElementById("volgende").style.display= 'none';
				}
				deFoto = id;
				break;
			}
		}
		setTimeout("shiftOpacity('defoto2', 500);",500);
}

function next()
{
	//alert(fotoalbum.length);
	//alert(deFoto);
	for(var i =0 ; i<fotoalbum.length; i++)
	{
		if(fotoalbum[i][0]==deFoto)
		{
			var j= parseInt(i+1);
			setPhoto(fotoalbum[j][0],fotoalbum[j][1],fotoalbum[j][2]);

			break;
		}

	}

}

function last()
{
	for(var i =0 ; i<fotoalbum.length; i++)
	{
		if(fotoalbum[i][0]==deFoto)
		{
			 var j= parseInt(i-1);
			setPhoto(fotoalbum[j][0],fotoalbum[j][1],fotoalbum[j][2]);
			break;
		}
	}

}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

	//make image transparent
	changeOpac(0, imageid);

	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;

	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

function opening(plaats)
	{
	if(plaats=="hardenberg")
	{
		document.getElementById("tab-hardenberg").style.background = "url('resources/nav/hardenberg-hover.gif')";
//		document.getElementById("tab-nijverdal").style.background = "url('resources/nav/nijverdal.gif')";
		document.getElementById("tab-dalfsen").style.background = "url('resources/nav/dalfsen.gif')";
		document.getElementById("tijden").innerHTML = hardenberg;
	}
/*	else if(plaats=="nijverdal")
	{
		document.getElementById("tab-hardenberg").style.background = "url('resources/nav/hardenberg.jpg')";
		document.getElementById("tab-nijverdal").style.background = "url('resources/nav/nijverdal-hover.gif')";
		document.getElementById("tab-dalfsen").style.background = "url('resources/nav/dalfsen.gif')";
		document.getElementById("tijden").innerHTML = nijverdal;

	} */
	else
	{
		document.getElementById("tab-hardenberg").style.background = "url('resources/nav/hardenberg.jpg')";
//		document.getElementById("tab-nijverdal").style.background = "url('resources/nav/nijverdal.gif')";
		document.getElementById("tab-dalfsen").style.background = "url('resources/nav/dalfsen-hover.gif')";
		document.getElementById("tijden").innerHTML = dalfsen;
	}
	setDag();
}

function setOpening(naam)
{
	if(naam=="Hardenberg")
	{
		document.getElementById("deTijden").innerHTML = hardenberg;
	}
	else if(naam=="Nijverdal")
	{
		document.getElementById("deTijden").innerHTML = nijverdal;
	}
	else
	{
		document.getElementById("deTijden").innerHTML = dalfsen;
	}
	setDag();
}

function setDag()
{
	var sub = Date();
	sub = sub.substring(0,3);
	if(sub=="Mon")
	{
		document.getElementById("maandag").style.background = "#F9F3D4";
		document.getElementById("maandag2").style.background = "#F9F3D4";
	}
	else if(sub=="Tue")
	{
		document.getElementById("dinsdag").style.background = "#F9F3D4";
		document.getElementById("dinsdag2").style.background = "#F9F3D4";
	}
	else if(sub=="Wed")
	{
		document.getElementById("woensdag").style.background = "#F9F3D4";
		document.getElementById("woensdag2").style.background = "#F9F3D4";
	}
	else if(sub=="Thu")
	{
		document.getElementById("donderdag").style.background = "#F9F3D4";
		document.getElementById("donderdag2").style.background = "#F9F3D4";
	}
	else if(sub=="Fri")
	{
		document.getElementById("vrijdag").style.background = "#F9F3D4";
		document.getElementById("vrijdag2").style.background = "#F9F3D4";
	}
	else if(sub=="Sat")
	{
		document.getElementById("zaterdag").style.background = "#F9F3D4";
		document.getElementById("zaterdag2").style.background = "#F9F3D4";
	}
}

function setMaand(date , p_id, name)
{
	var tja = date.split(":");
	if(tja[0].length==1)
	{
		tja[0] = '0'+tja[0];
	}
	location.href = '?p_Id='+p_id+'&name='+name+'&maand='+tja[0]+'&jaar='+tja[1];
}

function verzendFoto()
{
	var foto = document.formpasfoto.dePasfoto.value;
	document.formpasfoto.submit();
	setTimeout( 'setPhoto4()', 3000 );
}

function setPhoto3()
{
	if(document.getElementById("pasfotonaam").value!="")
	{
		document.getElementById("pasfoto2").src = 'resources/pasfoto/'+document.getElementById("pasfotonaam").value;
		//setTimeout("shiftOpacity('pasfoto2', 500);",500);
	}
	else
	{
			setTimeout ( 'setPhoto3()', 3000 );
	}
}
function setPhoto4()
{
	document.getElementById("pasfoto2").src = 'resources/pasfoto/'+document.getElementById("pasfotonaam").value;
}

function contrForm(form)
{
	if(form.achternaam.value=="")
	{
		fout("Je hebt geen achternaam ingevuld!");
		return false;
	}
	if(form.voornaam.value=="")
	{
		fout("Je hebt geen voornaam ingevuld!");
		return false;
	}
	if(form.roepnaam.value=="")
	{
		fout("Je hebt geen roepnaam ingevuld!");
		return false;
	}
	if(form.adres.value=="")
	{
		fout("Je hebt geen adres ingevuld!");
		return false;
	}
	if(form.postcode.value=="")
	{
		fout("Je hebt geen postcode/woonplaats ingevuld!");
		return false;
	}
	if(form.email.value=="")
	{
		fout("Je hebt geen email ingevuld!");
		return false;
	}
	if(form.geboortedatum.value=="")
	{
		fout("Je hebt geen geboortedatum ingevuld!");
		return false;
	}
	if(form.geboorteplaats.value=="")
	{
		fout("Je hebt geen geboorteplaats ingevuld!");
		return false;
	}
	if(form.geslacht.value=="")
	{
		fout("Je hebt geen geslacht ingevuld!");
		return false;
	}
	if(form.nationaliteit.value=="")
	{
		fout("Je hebt geen nationaliteit ingevuld!");
		return false;
	}
	if(form.leeftijd.value=="")
	{
		fout("Je hebt geen leeftijd ingevuld!");
		return false;
	}
}

function fout(msg)
{
	document.getElementById("message").innerHTML = msg;
}