window.onload=init;

var time;
var year;
var month;
var daynumber;
var day;
var hours;
var minutes;
var seconds;
var activeIconNo;

function init() {

//save date info

  saveDateInfo();
  
//alt menu activeren

  activeIconNo = parseInt(document.getElementById("activeIconNo").innerHTML);
  if(!CheckFlashVersion(9,0,124))	//9.0.124 is the minimum required version to run the flash object
  {
	  loadAltMenu();
	  loadAltClock();
  }
  
//kalender activeren:

  calendar();
  
//load social networks if needed:
  if(document.getElementById("facebook") || document.getElementById("twitter"))
  {
		loadSocialNetworks();
  }
}
//---------------------------------------------------save date info------------------------------------------------------
function saveDateInfo() {
	 
  time = new Date();  

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

}

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

function calendar() {

  saveDateInfo();
  
  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;

  //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("calendar()", 1000);
}
//-----------------------------getaround the 'click to activate control' problem in IE6 and 7 and opera. The page loads a bit slower, so we won't use it in other browsers
function loadMenuIE6Or7() {
	var activeIconNo = parseInt(document.getElementById("activeIconNo").innerHTML);
	var innerHTMLStr;

	innerHTMLStr =  '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  width="780" height="160" align="middle">';
	innerHTMLStr += 	'<param name="movie" value="menu.swf" />';
	innerHTMLStr += 	'<param name="wmode" value="transparent" />';
	innerHTMLStr += 	'<param name="menu" value="true"/>';
	innerHTMLStr += 	'<param name="flashvars" value="activeIconNo='+activeIconNo+'"/>';
	innerHTMLStr += '</object>';
	
	document.getElementById("menu").innerHTML = innerHTMLStr;
}


function loadMenuOpera() {
	var activeIconNo = parseInt(document.getElementById("activeIconNo").innerHTML);
	var innerHTMLStr;

	innerHTMLStr =  '<object type="application/x-shockwave-flash" data="menu.swf" width="780" height="160">';
	innerHTMLStr += 	'<param name="movie" value="menu.swf" />';
	innerHTMLStr += 	'<param name="wmode" value="transparent" />';
	innerHTMLStr += 	'<param name="menu" value="true"/>';
	innerHTMLStr += 	'<param name="flashvars" value="activeIconNo='+activeIconNo+'"/>';
	innerHTMLStr +=	'</object>';
	
	document.getElementById("menu").innerHTML = innerHTMLStr;
}

function loadClockIE6Or7()
{
	var innerHTMLStr;
	innerHTMLStr = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  width="110" height="110" align="middle">';
	innerHTMLStr +=		'<param name="movie" value="clock.swf" />';
	innerHTMLStr +=		'<param name="scale" value="noscale" />';
	innerHTMLStr +=		'<param name="play" value="true"/>';
	innerHTMLStr +=		'<param name="loop" value="true"/>';
	innerHTMLStr +=		'<param name="wmode" value="transparent" />';
	innerHTMLStr +=		'<param name="flashvars" value="clockSkin=images/clock.jpg&arrowScale=80&arrowSkin=1&arrowColor=EDCD54&showSeconds=no"/>';
	innerHTMLStr += '</object>';
	
	document.getElementById("AnalogOrDigitalClock").innerHTML = innerHTMLStr;
}

function loadClockOpera()
{
	innerHTMLStr = '<object type="application/x-shockwave-flash" data="clock.swf" width="110" height="110">';
	innerHTMLStr +=		'<param name="movie" value="clock.swf" />';
	innerHTMLStr +=		'<param name="scale" value="noscale" />';
	innerHTMLStr +=		'<param name="play" value="true"/>';
	innerHTMLStr +=		'<param name="loop" value="true"/>';
	innerHTMLStr +=		'<param name="wmode" value="transparent" />';
	innerHTMLStr +=		'<param name="flashvars" value="clockSkin=images/clock.jpg&arrowScale=80&arrowSkin=1&arrowColor=EDCD54&showSeconds=no"/>';
	innerHTMLStr += '</object>';
	
	document.getElementByID("AnalogOrDigitalClock").innerHTML = innerHTMLStr;
}
//------------------------------------------------- load flash alternatives (if no flash is detected or detected version is too old ---------------------------------------------------------------------
function loadAltMenu() {
	var innerHTMLStr;
	
	innerHTMLStr =  '<img src="images/menu.jpg" alt="menu" title="menu" class="AltMenuImgBackground" usemap="#altMenuMap"/>';

	innerHTMLStr += '<map name="altMenuMap" class="altMenuMap">';
	innerHTMLStr +=		'<area shape="rect" coords="33,84,73,124" 		  alt="home" 	  	 id="altMenuAreaHome" 			href="index.php?pageid=0000"';
							if(!(activeIconNo == 0 && activeIconNo == 14)){ innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblHome'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblHome'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr +=		'<area shape="rect" coords="94.27,84,137.27,124"  alt="info" 	  	 id="altMenuAreaInfo"			href="index.php?pageid=0100"';
							if(!(activeIconNo == 1)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblInfo'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblInfo'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr +=		'<area shape="rect" coords="155.54,84,195.54,124" alt="leiding"	  	 id="altMenuAreaLeiding"	 	href="index.php?pageid=0200"';
							if(!(activeIconNo == 2)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblLeiding'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblLeiding'"+'));"';}
	innerHTMLStr +=			'/>';
	
	innerHTMLStr +=   	'<area shape="rect" coords="216.81,84,256.81,124" alt="afdelingen" 	 id="altMenuAreaAfdelingen"	 	href="index.php?pageid=0300"';
							if(!(activeIconNo == 3)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblAfdelingen'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblAfdelingen'"+'));"';}
	innerHTMLStr +=			'/>';
	
	innerHTMLStr += 	'<area shape="rect" coords="278.09,84,318.09,124" alt="jaarthema"  	 id="altMenuAreaJaarthema" 		href="index.php?pageid=0400"';
							if(!(activeIconNo == 4)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblJaarthema'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblJaarthema'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="339.36,84,379.36,124" alt="verhuur" id="altMenuAreaVerhuur"		href="index.php?pageid=0500&year='+year+'&month='+(month+1)+'"';
	  		 			    if(!(activeIconNo == 5 && activeIconNo == 15)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblVerhuur'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblVerhuur'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="400.63,84,440.63,124" alt="kamp" id="altMenuAreaKamp" 			href="index.php?pageid=0600"';
							if(!(activeIconNo == 6)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblKamp'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblKamp'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="461.90,84,501.90,124" alt="kalender" id="altMenuAreaKalender"		href="index.php?pageid=0700&year='+year+'&month='+(month+1)+'"';
						 	if(!(activeIconNo == 7 && activeIconNo == 18)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblKalender'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblKalender'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="523.18,84,563.18,124" alt="foto\'s" id="altMenuAreaFotos" href="https://plus.google.com/photos/108202337936078393847/albums"';
							if(!(activeIconNo == 8)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblFotos'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblFotos'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="584.45,84,624.45,124" alt="forum" id="altMenuAreaForum"		 	href="index.php?pageid=0900"';
							if(!(activeIconNo == 9 && activeIconNo == 19)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblForum'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblForum'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="645.72,84,685.72,124" alt="downloads" 	 id="altMenuAreaDownloads" 		href="index.php?pageid=1000"';
							if(!(activeIconNo == 10)) { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblDownloads'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblDownloads'"+'));"';}
	innerHTMLStr +=			'/>';

	innerHTMLStr += 	'<area shape="rect" coords="707,84,747,124" 	  alt="contact"		 id="altMenuAreaContact"			href="index.php?pageid=1100"';
							if(!(activeIconNo == 11))  { innerHTMLStr += 'onMouseOver="setVisible(document.getElementById('+"'altMenuLblContact'"+'));" onMouseOut="setInVisible(document.getElementById('+"'altMenuLblContact'"+'));"';}
	innerHTMLStr +=			'/>';
	innerHTMLStr += '</map>'


	innerHTMLStr +=	'<div class="altMenu">';
	innerHTMLStr +=		'<div id="altMenuLblHome" class="';
							if(activeIconNo == 0 || activeIconNo == 14) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>home</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblInfo" class="';
							if(activeIconNo == 1) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';						
	innerHTMLStr +=			'<span>info</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblLeiding" class="';
							if(activeIconNo == 2) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>leiding</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblAfdelingen" class="';
							if(activeIconNo == 3) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>afdelingen</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblJaarthema" class="';
							if(activeIconNo == 4) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>jaarthema</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblVerhuur" class="';
							if(activeIconNo == 5 || activeIconNo == 15) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>verhuur</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblKamp" class="';
							if(activeIconNo == 6) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>kamp</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblKalender" class="';
							if(activeIconNo == 7 || activeIconNo == 18) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>kalender</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblFotos" class="';
							if(activeIconNo == 8) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>foto\'s</span>'
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblForum" class="';
							if(activeIconNo == 9 || activeIconNo == 19) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>forum</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblDownloads" class="';
							if(activeIconNo == 10) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>downloads</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=		'<div id="altMenuLblContact" class="';
							if(activeIconNo == 11) {innerHTMLStr += 'visible';} else { innerHTMLStr += 'invisible'; }
	innerHTMLStr +=			'"/>';
	innerHTMLStr +=			'<span>contact</span>';
	innerHTMLStr +=		'</div>';

	innerHTMLStr +=	'</div>';
	
	document.getElementById("menu").innerHTML = innerHTMLStr;
}

function loadAltClock()
{//klok
	saveDateInfo();

     klok = '<div id="clock" class="datetime">';
     klok += '<p id="clockdisplay">';

   //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;
    
   klok += '</p></div>';
  
    document.getElementById("AnalogOrDigitalClock").innerHTML = klok;
    
    
	setTimeout("loadAltClock()", 1000);
}

function setVisible(object)
{
	object.style.display = "block";
}

function setInVisible(object)
{
	object.style.display = "none";
}

//-------------------------------------------------- functies om overal te gebruiken ---------------------------------------------------------------
function verbodenTekens(input)
{
	 return false;
}

function verbodenTekensField(input)
{
	return false;
}

//--------------------------------------------------------- flash detection ---------------------------------------------------------------------- 
function CheckFlashVersion(requestedMajor, requestedMinor, requestedRevision) {
	
	var flashVer = -1;
	
	if (navigator.appVersion.indexOf("MSIE") != -1) 	//internet explorer 
	{
		flashVer = GetFlashVersionIE();	//[WIN 9,0,124,52]
		if(flashVer.indexOf("-1") > 0 || flashVer.indexOf("0") > 0)
		{
			tempArray         = flashVer.split(" ");
			tempString        = tempArray[1];
			var versionArray  = tempString.split(",");
		}
	}
	else												//other browser
	{
		flashVer = GetFlashVersionNotIE();	//[9.0.124]
		if(flashVer.indexOf("-1") > 0 || flashVer.indexOf("0") > 0)
		{
			var versionArray = flashVer.split(".");
		}
	}
	
	if(flashVer != -1)
	{
		var detectedMajor    = parseInt(versionArray[0]);
		var detectedMinor    = parseInt(versionArray[1]);
		var detectedRevision = parseInt(versionArray[2]);

		if(detectedMajor > requestedMajor)	
		{
			return true;
		}
		else if(detectedMajor == requestedMajor && detectedMinor > requestedMinor)
		{
			return true;
		}
		else if(detectedMinor == requestedMinor && detectedRevision >= requestedRevision)
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	else
	{
		return false;
	}
}

function GetFlashVersionNotIE()
{
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			var descArray = flashDescription.split(" ");
			var tempArrayMajor = descArray[2].split(".");			
			var versionMajor = tempArrayMajor[0];
			var versionMinor = tempArrayMajor[1];
			var versionRevision = descArray[3];
			
			if (versionRevision == "") {
				versionRevision = descArray[4];
			}
				
			if (versionRevision[0] == "d") {
				versionRevision = versionRevision.substring(1);
			}
			else if (versionRevision[0] == "r") {
				versionRevision = versionRevision.substring(1);
					
				if (versionRevision.indexOf("d") > 0) {
					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
				}
			}
				
			return versionMajor + "." + versionMinor + "." + versionRevision;
		}
		else
		{
			return "-1";
		}
	}
	else
	{
		return "-1";
	}	
}

function GetFlashVersionIE()
{
	var version;
	var axo;
	var e;

	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry

	try {
		// version will be set for 7.X or greater players
		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		version = axo.GetVariable("$version");
	} catch (e) {
	}

	if (!version)
	{
		try {
			// version will be set for 6.X players only
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
			
			// installed player is some revision of 6.0
			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
			// so we have to be careful. 
			
			// default to the first public version
			version = "WIN 6,0,21,0";

			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
			axo.AllowScriptAccess = "always";

			// safe to call for 6.0r47 or greater
			version = axo.GetVariable("$version");

		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 4.X or 5.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 3.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = "WIN 3,0,18,0";
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 2.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			version = "WIN 2,0,0,11";
		} catch (e) {
			version = "-1";
		}
	}
	
	return version;
}