window.onload=init;

//navigation
var buttons = new Array(10);
var time;
var month;
var year;
var daynumber;

function init() {

//safari-only css laden

  safarionly();

//tabel buttons vullen:

  fillButtons();

//banner rechts activeren:

  bannerright();

//knoppen activeren:

  navigation();

}
//---------------------------------------------------------------------------navigatie---------------------------------------------------------
//safarionly css laden (voor een correctere weergave van de buttons in safari)

function safarionly() {

   if(window.devicePixelRatio) {
     var fileref = document.createElement("link");
     fileref.setAttribute("rel", "stylesheet");
     fileref.setAttribute("type", "text/css");
     fileref.setAttribute("href", "safarionly.css");

     document.getElementsByTagName('head')[0].appendChild(fileref); 
  }
}
   


function fillButtons() {
  buttons[0] = document.getElementById("home");

  buttons[1] = document.getElementById("info");
  buttons[2] = document.getElementById("leiding");
  buttons[3] = document.getElementById("afdelingen");
  buttons[4] = document.getElementById("jaarthema");
  buttons[5] = document.getElementById("verhuur");
  buttons[6] = document.getElementById("kamp");
  buttons[7] = document.getElementById("kalender");
  buttons[8] = document.getElementById("fotos");
  buttons[9] = document.getElementById("forum");
  buttons[10] = document.getElementById("downloads");
  buttons[11] = document.getElementById("contact");
}



function navigation() {
 
  var i = 0;
  var tags=document.getElementsByTagName("*");

//systeem om het indrukken van de knoppen te genereren


  for(i=0; i<tags.length; i++)
  {
    if(tags[i].className.indexOf("navbutton") !== -1)
    {
       tags[i].onmouseout = function() {normal(this.style);}
       tags[i].onmouseover = function() {hover(this.style);}
       tags[i].onmousedown = function() {press(this.style);}
       tags[i].onmouseup = function() {normal(this.style);}
    }
  }

//systeem om de juiste pagina op te vragen bij muisklik op een knop

  buttons[0].onclick  = function() {window.location.href = "index.php?pageid=0000";}
  buttons[1].onclick  = function() {window.location.href = "index.php?pageid=0100";}
  buttons[2].onclick  = function() {window.location.href = "index.php?pageid=0200";}
  buttons[3].onclick  = function() {window.location.href = "index.php?pageid=0300";}
  buttons[4].onclick  = function() {window.location.href = "index.php?pageid=0400";}
  buttons[5].onclick  = function() {window.location.href = "index.php?pageid=0500";}
  buttons[6].onclick  = function() {window.location.href = "index.php?pageid=0600";}
  buttons[7].onclick  = function() {window.location.href = "index.php?pageid=0700&year="+year+"&month=" + (month+1);}
  buttons[8].onclick  = function() {window.location.href = "index.php?pageid=0800";}
  buttons[9].onclick  = function() {window.location.href = "index.php?pageid=0900";}
  buttons[10].onclick = function() {window.location.href = "index.php?pageid=1000";}
  buttons[11].onclick = function() {window.location.href = "index.php?pageid=1100";}
}

//style op een ingedrukte knop

function press(name) {
  name.backgroundImage = "url(images/background_nav_press.jpg)";
}

//om de cell terug "normaal" te krijgen 

function normal(name) {
  name.backgroundImage = "url(images/background_nav_inactive.jpg)";
  name.fontSize = "12px"; 
}

//hover-effect

function hover(name) {
  name.backgroundImage = "url(images/background_nav_hover.jpg)";
  name.fontSize = "14px";
}

//---------------------------------------------------banner right--------------------------------------------------------
     

function bannerright() {


  
  time = new Date();
  

  year = time.getFullYear();
  
  month = time.getMonth();
  
  var day = time.getDay();
  
  daynumber = time.getDate();
  
  var hours = time.getHours();
  
  var minutes = time.getMinutes();
  
  var seconds = time.getSeconds();

  

  var begroeting;
  
  var klok;
  
  var calendartop;
  
  var calendarmiddle;
  
  var calendarbottom;

  //link op kalender
    document.getElementById("calendar").onclick  = function() {window.location.href = "index.php?pageid=0701&year="+year+"&month="+(month+1) + "&day=" + daynumber;}

  //begroeting:

  if (hours >= 0 && hours < 6) {

    begroeting = "Goedenacht";

  }


  if (hours >= 6 && hours < 12) {

    begroeting = "Goedemorgen";

  }



  if (hours >= 12 && hours < 18) {

    begroeting = "Goedemiddag";

  }



  if (hours >= 18) {

    begroeting = "Goedenavond";

  }

  document.getElementById("begroeting").innerHTML = begroeting;



  //klok

    //uren

  if (hours < 10) {

    klok = " " + hours;

  }

  else {

    klok = hours;

  }


   //dubbelpunt

  if (seconds%2 == 0) {

    klok += ":"

  }

  else

    klok += " "



   //minuten

  if (minutes < 10) {

    klok += "0" + minutes;

  }

  else {

    klok += minutes;

  }


  document.getElementById("clockdisplay").innerHTML = klok;



  //datum

    //bovenkant

  switch (day) {

    case 0:

      calendartop = "zondag ";

      break;

    case 1:

      calendartop = "maandag ";

      break;

    case 2:

      calendartop = "dinsdag ";

      break;

    case 3:

      calendartop = "woensdag ";

      break;

    case 4:

      calendartop = "donderdag ";

      break;

    case 5:

      calendartop = "vrijdag ";

      break;

    case 6:

      calendartop = "zaterdag ";

      break;

   }


   document.getElementById("calendartop").innerHTML = calendartop;



     //midden

   calendarmiddle = daynumber;

   document.getElementById("calendarmiddle").innerHTML = calendarmiddle;



    //onderkant

   switch (month) {

     case 0:

       calendarbottom = "januari ";

       break;

     case 1:

       calendarbottom = "februari ";

       break;

     case 2:

       calendarbottom = "maart ";

       break;

     case 3:

       calendarbottom = "april ";

       break;

     case 4:

       calendarbottom = "mei ";

       break;

     case 5:

       calendarbottom = "juni ";

       break;

     case 6:

       calendarbottom = "juli ";

       break;

     case 7:

       calendarbottom = "augustus ";

       break;

     case 8:

       calendarbottom = "september ";

       break;

     case 9:

       calendarbottom = "oktober ";

       break;

     case 10:

       calendarbottom = "november ";

       break;

     case 11:

       calendarbottom = "december ";

       break;

   }


   
   calendarbottom += year;
   

   document.getElementById("calendarbottom").innerHTML = calendarbottom;



  setTimeout("bannerright()", 1000);
}

function loadXML(url){

	var xmlhttp = null;
	var xmlFile;

	//om te voorkomen dat de browser een gecachte versie gebruikt, voegen we er een random id aan toe (dat niet gebruikt wordt)

	url += "?id=" + Math.random();

	if (window.XMLHttpRequest)
  	{
 		//voor alle moderne browsers
  		xmlhttp = new XMLHttpRequest();
  		xmlhttp.open("GET","../xml/" + url,false);
  		xmlhttp.send("");
  		xmlFile = xmlhttp.responseXML;

  	}
	else if (window.ActiveXObject)
  	{
		//voor IE5 en IE6
 		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		xmlhttp.async=false;
  		xmlhttp.load(url);
  		xmlFile = xmlhttp;
  	}
		
	else
		//de xml file kan niet worden geladen
 		alert("Uw browser ondersteunt het XMLHTTP-protocol niet. Dit is nodig om deze pagina correct weer te geven. Wij raden u aan om een modernere browser te gebruiken.");



	if (xmlhttp.readyState==4)
  	{
		// 4 = "loaded"
  		if (xmlhttp.status==200)//200 = "OK"
    		{
			return xmlFile;
		}
		else {
			alert("Er kan niet in de xml file worden gelezen!");
			return null;
			
		}
	}
	else {
		alert("De xml file kan niet worden geladen!");
		return null;
	}
	
}
function verbodenTekens(input)
{//extra veel verboden tekens (boehoehoe) om spam (boehoehoehoe) of SQL-injecties (boehoehoehoe) of eender wat gespuis te voorkomen!
	if(input.toLowerCase().indexOf("<") != -1 || input.toLowerCase().indexOf(">") != -1 || input.toLowerCase().indexOf("content-type") != -1 || input.toLowerCase().indexOf("%") != -1 || input.toLowerCase().indexOf("bcc") != -1 || input.toLowerCase().indexOf("bto") != -1 || input.toLowerCase().indexOf("}") != -1 || input.toLowerCase().indexOf("{") != -1 || input.toLowerCase().indexOf("]") != -1 || input.toLowerCase().indexOf("[") != -1 || input.toLowerCase().indexOf("#") != -1 || input.toLowerCase().indexOf(";") != -1 || input.toLowerCase().indexOf("\n") != -1)
	   return true;
	else
	   return false;

}

function verbodenTekensField(input)
{
	if(input.toLowerCase().indexOf("<") != -1 || input.toLowerCase().indexOf(">") != -1 || input.toLowerCase().indexOf("content-type") != -1 || input.toLowerCase().indexOf("bcc") != -1 || input.toLowerCase().indexOf("bto") != -1 || input.toLowerCase().indexOf("}") != -1 || input.toLowerCase().indexOf("{") != -1 || input.toLowerCase().indexOf("]") != -1 || input.toLowerCase().indexOf("[") != -1)
	return true;
     else
	return false;
}


function removeShout(nr)
{
	if(confirm("Bent u zeker dat u deze shout wilt verwijderen?"))
	{
		window.location.href = "index.php?pageid=1303&remove=" + nr;
	}	
}
