// set gmap best zoomlevel
		function setZoom(bnds){
			// check voor 1 p
			if (gmap.getBoundsZoomLevel(bnds)==19)
				gmap.setZoom(13);
			else
				gmap.setZoom(gmap.getBoundsZoomLevel(bnds)-1);
			var clat = (bnds.getNorthEast().lat() + bnds.getSouthWest().lat()) /2;
  				var clng = (bnds.getNorthEast().lng() + bnds.getSouthWest().lng()) /2;
  				gmap.setCenter(new GLatLng(clat,clng));
		}

/*####################################*/
/* Variabelen voor de verrekijker 		*/
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>

			 var divid = "vogeltekst"; //id van de te veranderen div
			 var eff = 'appear'; // soort effect check scriptaculous voor meer opties
			 var dur = 1; // duur van de verandering hoe hoger hoe langer
			 var inter = 6;
			 //initiele waardes. Na init worden pas de echte hoeveelheid verrekijkervogels weergeegven.
			 var counter = 0; // totaal aan plaatjes
			 var count = counter - 1;
			 var tohide = counter;

/*####################################*/
/* DEFAULT FUNCTIONS 									*/
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>

			 function printPagina(){
					window.print();
			 }

			 function popup(URL){
					window.open(URL,'popupVenster','width=400,height=550,scrollbars=no,toolbar=no,location=no');
			 }

/*####################################*/
/* DIV BLOK SWITCHEN */
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>
			function switch_box(id){
				var box = document.getElementById(id);
				var state = box.style.display;

				if (state=='none')
					box.style.display="block";
				else
					box.style.display="none";
			}

			function turn_box_off(id){
				var box = document.getElementById(id);
						box.style.display="none";
			}

			function turn_box_on(id){
				var box = document.getElementById(id);
						box.style.display="block";
			}

			function rand ( n )
			{
			  return ( Math.floor ( Math.random ( ) * n + 1 ) );
			}

/*####################################*/
/* TOP (SUB)MENU  					 */
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>
			var timerID = 0;
			var current = "";

			function ShowMenu(menu) {
				if (current != "") {
					HideSub(current);
					hideImage(current);
				}

				if (document.getElementById('subMenu'+menu)){
					document.getElementById('subMenu'+menu).style.display = "block";

					current = menu;
					showImage(menu);
				}
			}

			function StartTimer() {
				timerID = setTimeout('HideSub(current)', 500);
			}

			function StopTimer() {
				clearTimeout(timerID);
				timerID = 0;
			}

			function HideSub(menu) {
				document.getElementById('subMenu'+menu).style.display = "none";
				hideImage(current);
			}

			// Mouseover voor hoofdemenu
			function topMenuMouseOver(){
					var strOver  = "_active"    // active image state
					var topMenu = document.getElementById("menuTop").getElementsByTagName("img");
					for (var i = 0; i<topMenu.length; i++){

						//if (topMenu[i].src.indexOf(strOver) == -1){
							topMenu[i].onmouseover		=	function(){ StopTimer(); ShowMenu(this.id);};
							topMenu[i].onmouseout		=	function(){ StartTimer();};
						//}
					}
			}


			function showImage(imgId){
				oImg = document.getElementById(imgId);
				var strOver  = "_off"
			    var strOff = "_on"
			    var strImg = oImg.src

				oImg.src = strImg.replace(strOff,strOver)
			}

			function hideImage(imgId){
				oImg = document.getElementById(imgId);
				var strOver  = "_off"
			    var strOff = "_on"
			    var strImg = oImg.src
			    oImg.src = strImg.replace(strOver,strOff)

			}

			var timerID2 = 0;

/*####################################*/
/* VERREKIJKER						 */
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>
			function verrekijker(c)
			{

				 counter = c; // totaal aan plaatjes
				 count = counter - 1;
				 tohide = counter;

			   //show first (last numerically) picture as page loads
			   Effect.toggle('rotate' + counter, eff, { duration: 0 });
			   var el = document.getElementById('rotate' + counter).alt;
				 document.getElementById("vogeltekst").innerHTML=el;

				 timerID2 = setTimeout('startVerrekijkerLoop()', 6000);
			}

			function startVerrekijkerLoop() {

				nextAutomatic();
				timerID2 = setTimeout('startVerrekijkerLoop()', 6000);

			}


			// next functie voor de verrekijker
			function nextAutomatic(){

					var el = document.getElementById('rotate' + count).alt;
			       	//fades out last picture - fades in next
			       	Effect.toggle('rotate' + tohide, eff,
			       					{
			       							duration: dur,
			       				       		beforeStart:function(){
				       					 	// zet de onclick uit anders klapt het fade effect
			       							document.getElementById('proPrev').onclick=function() {};
											document.getElementById('proNext').onclick=function() {};
			       						},
			       						afterFinish:function(){
			       							document.getElementById('proPrev').onclick=function() {prev()};
											document.getElementById('proNext').onclick=function() {nex()};
			       							document.getElementById(divid).innerHTML=el;
			       						}
			       					});
			       	Effect.toggle('rotate' + count, eff, { duration: dur });

			       	tohide = count;
			       	count = (count == 1)? counter : count - 1;


			}

			// next functie voor de verrekijker
			function nex(){

				clearTimeout(timerID2);

					var el = document.getElementById('rotate' + count).alt;
			       	//fades out last picture - fades in next
			       	Effect.toggle('rotate' + tohide, eff,
			       					{
			       							duration: dur,
			       				       		beforeStart:function(){
				       					 	// zet de onclick uit anders klapt het fade effect
			       							document.getElementById('proPrev').onclick=function() {};
											document.getElementById('proNext').onclick=function() {};
			       						},
			       						afterFinish:function(){
			       							document.getElementById('proPrev').onclick=function() {prev()};
											document.getElementById('proNext').onclick=function() {nex()};
			       							document.getElementById(divid).innerHTML=el;
			       						}
			       					});
			       	Effect.toggle('rotate' + count, eff, { duration: dur });

			       	tohide = count;
			       	count = (count == 1)? counter : count - 1;

			       	timerID2 = setTimeout('startVerrekijkerLoop()', 6000);

			}

			// vorige functie voor de verrekijker (NIET AAN DE COUNTER ZITTEN)
			function prev(){

				clearTimeout(timerID2);
				   	 	count = (count == counter-1)? counter-counter+1 : count + 2;
							var el = document.getElementById('rotate' + count).alt;

			       	//fades out last picture - fades in next
			       	Effect.toggle('rotate' + tohide, eff,
			       					{
			       						duration: dur,
       									beforeStart:function(){
				       					 	// zet de onclick uit anders klapt het fade effect
			       							document.getElementById('proPrev').onclick=function() {};
											document.getElementById('proNext').onclick=function() {};
										},
			       						afterFinish:function(){
		       								document.getElementById('proPrev').onclick=function() {prev()};
											document.getElementById('proNext').onclick=function() {nex()};
		       								document.getElementById(divid).innerHTML=el;
			       						}
			       					});
			       	Effect.toggle('rotate' + count, eff, { duration: dur });
							tohide = count;
							count = (count == 1)? count-1 : count - 1;

					timerID2 = setTimeout('startVerrekijkerLoop()', 6000);

			}

/*####################################*/
/* GOOGLE MAPS FUNCTIES				 */
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>

/* de acties van het menu dat over de gmap heen ligt */
	var line;
			function color_switch(linkie){
				if (linkie.style.color && linkie.style.color!='#eb0a8e' && linkie.style.color!='rgb(235, 10, 142)'){
//					alert('DICHT:'+linkie.style.color);
					linkie.style.color="#eb0a8e";
					return false;
				}
				else{
//					alert('OPEN:'+linkie.style.color);
					linkie.style.color="#FFFFFF";
					return true;
				}
			}

			function do_ajax_call(el, actie){
				 if (color_switch(el)){
					 var a = new EfocusAjax('../server/server.php');
					 a.zetActie(actie, { 'id' : 'value' });
					 var b = a.doeRequest();
					 var bounds = new GLatLngBounds();
					 eval(b['tekst']);
				 	 setMarkers(false,  actie+'Array');
					 setZoom(bounds);

				 }else{
					 setMarkers(true, actie+'Array');
				 }
			}

			function setMarkers(zetUit, array2){

				gmap.getInfoWindow().hide();
				var arr=eval(array2);

				if (zetUit==false){
			      	for (var i=0;i<arr.length;i++)
				       gmap.addOverlay(arr[i]);
				}else{
			      	for (var i=0;i<arr.length;i++)
				       gmap.removeOverlay(arr[i]);
				}
			}

			function do_ajax_call2(el, actie, nr){
				 if (color_switch(el)){
					 var a = new EfocusAjax('../server/server.php');
					 a.zetActie(actie, { 'id' : 'value' });
					 var b = a.doeRequest();
					 bounds = new GLatLngBounds();
					 eval(b['tekst']);
					 setZoom(bounds);

				 }else{
				 	 	drawempty2(nr);
				 }
			}

			function do_ajax_call3(el, actie, nr){
				 if (color_switch(el)){
					 var a = new EfocusAjax('../server/server.php');
					 a.zetActie(actie, { 'id' : 'value' });
					 var b = a.doeRequest();
					 bounds = new GLatLngBounds();
					 eval(b['tekst']);
					 setZoom(bounds);

				 }else{
				 	 	drawempty3(nr);
				 }
			}

	    function add_icoon(point){

				var marker = new GMarker(point, gebiedbaseIcon);
			    gmap.addOverlay(marker);

			    addedIcon = marker;
	    	}

	    	function remove_icoon(){

			    gmap.removeOverlay(addedIcon);
	    	}

		      function createTabbedMarker(point,htmls,labels) {

		        var marker = new GMarker(point, gebiedicon);
		        GEvent.addListener(marker, "click", function() {

	 	          // verplaats kaar om het window links van het menu te krijgen
	 	          centert = new GLatLng(point.lat(), point.lng()+100);
				  gmap.setCenter(centert, gmap.getZoom(), G_SATELLITE_MAP);


			      if (htmls.length > 2) {
		            //htmls[0] = '<div style="width:'+htmls.length*88+'px">' + htmls[0] + '</div>';
		          }
		          var tabs = [];
		          for (var i=0; i<htmls.length; i++) {
		            tabs.push(new GInfoWindowTab(labels[i],htmls[i]));
		          }
		          //gmap.openInfoWindowTabsHtml(point, tabs, openFn(point), closeFn);
		          gmap.openInfoWindowTabsHtml(point, tabs,
		          	{
		          		onCloseFn:
			          	function() { // start of anonymous function
	     					 //remove_icoon();
	   					 }
	   					 ,
		          		onOpenFn:
			          	function() { // start of anonymous function
	     					 //add_icoon(point);
	   					 }

		        	}); // end open tabs

		        });// end gevent

	        	return marker;
		      }



 			function get_tab_window(id){
					 var a = new EfocusAjax('../server/server.php');
					 a.zetActie('get_tab_window', { 'id' : ''+id+'' });
					 var b = a.doeRequest();
					 eval(b['tekst']);
 			}

			// init all
			function init(){
					//verrekijker wordt in page.inc.php geinitialiseerd omdat ie nr of vogelsverrekijker mee moet geven
					//Deze worden immers uit db gehaald, zie page.inc.php, bouwVogelsVerrekijker voor javascript
					topMenuMouseOver();
			}

/*####################################*/
/* QUIZ DIV SWITCH  				 */
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>
		function setAntwoord(antwoord, vraagId){

				next = document.getElementById('quizVraag'+(vraagId+1))
				if (next){
					next.style.display="block";
					document.getElementById('hiddenQuiz'+vraagId).value=antwoord;
					document.getElementById('quizVraag'+vraagId).style.display="none";
				}else{
					document.getElementById('hiddenQuiz'+vraagId).value=antwoord;
					document.forms['quizForm'].submit();
				}
			}


/*####################################*/
/* KALENDER FUNCTIES				*/
/*####################################*/
//@author Gijs <gijs.epping@efocus.nl>
			var tijd_datum = new Date();
			var maandNr = tijd_datum.getMonth();
			var getKalendermaandArray = new Array();

			maanden = new Array(12);
			maanden[0] = 'januari';
			maanden[1] = 'februari';
			maanden[2] = 'maart';
			maanden[3] = 'april';
			maanden[4] = 'mei';
			maanden[5] = 'juni';
			maanden[6] = 'juli';
			maanden[7] = 'augustus';
			maanden[8] = 'september';
			maanden[9] = 'oktober';
			maanden[10] = 'november';
			maanden[11] = 'december';

			function haal_huidge_maand(){

				  ajax_haal_maand(maanden[maandNr])
				  document.getElementById(maanden[maandNr]).className = "kalenderActive";
			}

			function ajax_haal_maand(maand){

				 // set maand titel div
				 document.getElementById('maandTop').innerHTML='<h2>'+maand+'</h2>';

				 // do ajax call
				 var a = new EfocusAjax('../server/server.php');
				 	a.zetActie('getKalendermaand', {'maand': maand});
				 	var b = a.doeRequest();
				 	if (getKalendermaandArray.length>0){
				 		setMarkers(true,  'getKalendermaandArray');
				 	}
				 	bounds = new GLatLngBounds();
				 	eval(b['tekst']);
					setMarkers(false,  'getKalendermaandArray');
					setZoom(bounds);
			}

			function checkActive(id){
				var currItem = document.getElementById(id);
				if (currItem.className == "kalenderActive")
					return false;
				else
					return true;
			}

			function resetAll(){
				var kalenderMenu = document.getElementById("kalenderTabel").getElementsByTagName("td");

				for (var i = 0; i<kalenderMenu.length; i++){
					kalenderMenu[i].className = "kalenderOff";
				}
			}

			function init_kalender(){
				window.setTimeout("haal_huidge_maand();",500);
				var kalenderMenu = document.getElementById("kalenderTabel").getElementsByTagName("td");

				for (var i = 0; i<kalenderMenu.length; i++){

					kalenderMenu[i].className = "kalenderOff";
					kalenderMenu[i].onmouseover		=	function(){if (checkActive(this.id))this.className = "kalenderOn"; };
					kalenderMenu[i].onmouseout		=	function(){ if (checkActive(this.id))this.className = "kalenderOff";};
					kalenderMenu[i].onmousedown		=	function(){ajax_haal_maand(this.id); resetAll(); this.className = "kalenderActive"; };
				}
			}

/* contact formulier */
			function showhidediv(thisid, targetid, rubriek){

				var showhide = document.getElementById(targetid);

				if(rubriek=="watproject") {
					if(thisid=="f_watprojectschoolvogeltrackersproject") {
						document.getElementById(targetid).style.display="block";
						document.getElementById("idanders").style.display="none";
					}
					else if(thisid=="f_watprojectanders") {
						document.getElementById(targetid).style.display="block";
						document.getElementById("idschool").style.display="none";
					}
					else {
						document.getElementById("idschool").style.display="none";
						document.getElementById("idanders").style.display="none";
					}
				}

				if(rubriek=="aanwie") {
					if(thisid=="f_aanwiekustcentrum")
						document.getElementById(targetid).style.display="block";
					else
						document.getElementById("idkustcentrum").style.display="none";
				}
			}


			var MAX_DUMP_DEPTH = 10;

       function dumpObj(obj, name, indent, depth) {
              if (depth > MAX_DUMP_DEPTH) {
                     alert(indent + name + ": <Maximum Depth Reached>\n");
              }
              if (typeof obj == "object") {
                     var child = null;
                     var output = indent + name + "\n";
                     indent += "\t";
                     for (var item in obj)
                     {
                           try {
                                  child = obj[item];
                           } catch (e) {
                                  child = "<Unable to Evaluate>";
                           }
                           if (typeof child == "object") {
                                  output += dumpObj(child, item, indent, depth + 1);
                           } else {
                                  output += indent + item + ": " + child + "\n";
                           }
                     }
                     return output;
              } else {
                     return obj;
              }
       }

     function show(str,kleur) {
     	if(kleur=="purple" || kleur=="blue") colorstr = "#ec068d";
     	if(kleur=="green") colorstr = "#7e3e98";
     	document.getElementById('vogelalgemeneinfo').style.display='none';
     	document.getElementById('vogelmeerinformatie').style.display='none';
     	document.getElementById('vogeltuintips').style.display='none';
     	document.getElementById('vogelfotosengeluiden').style.display='none';
     	document.getElementById('spanvogelalgemeneinfo').style.color=colorstr;
     	document.getElementById('spanvogelmeerinformatie').style.color=colorstr;
     	document.getElementById('spanvogeltuintips').style.color=colorstr;
     	document.getElementById('spanvogelfotosengeluiden').style.color=colorstr;

     	document.getElementById(str).style.display='block';
     	document.getElementById('span'+str).style.color='white';
     }