//==================================tools hcnon================================================
//Aaldert van Weelden 2008

//----------------------arrays---------------------------
var arr_btn_klein= new Array;
var arr_btn_middel= new Array;
var arr_btn_groot= new Array;

//vul hier de id's van de te wijzigen divs in, je kunt er gewoon meer toevoegen,
var arr_div=new Array('headlinks','navlinks','content');

//definieer de textgrootte voor elke div
arr_btn_klein[arr_div[0]]='11px';
arr_btn_klein[arr_div[1]]='11px';
arr_btn_klein[arr_div[2]]='11px';

arr_btn_middel[arr_div[0]]='11px';
arr_btn_middel[arr_div[1]]='11px';
arr_btn_middel[arr_div[2]]='12px';

arr_btn_groot[arr_div[0]]='11px';
arr_btn_groot[arr_div[1]]='11px';
arr_btn_groot[arr_div[2]]='16px';
//---------------------------------------------------------------------------------------
			
function setStyle(obj,style,value){
		
	getRef(obj).style[style]= value;
}
	
	function getRef(obj){
		return (typeof obj == "string") ?
			 document.getElementById(obj) : obj;
	}
	
	
function spring(targ,selObj,restore){
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function setTxtsize(id) {

	
			for(t=0;t<arr_div.length;t++)
			{
			//alert('teller= '+t+' size= '+id + eval('arr_'+ id +'[arr_div[t]]'));
			setStyle(arr_div[t],"fontSize",eval('arr_'+ id +'[arr_div[t]]'));
			}
		
			
		
	
	return false;
}

function floatingDiv(div_id)//div met id 'top' meet de relatieve top-postitie, de werkhoogte wordt uit de hoogte van div 'rechterstuk' gehaald, de div blijft floaten op een gewenste centerpositie.
{	
	var ymax=320;//bepaalt onderste drempel
	var topmax=10;//bepaalt centerpunt
	var startX = 10, startY = 0;//beginpositie van floating div
	var wacht = 20;//animatiesnelheid
	
	var d = document;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var px = document.layers ? "" : "px";	
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y,mx,ht,st){
			var max = Math.max(0,(ht-mx-ymax));
			this.style.left=offsetX+px; 
			y<max ? this.style.top=y+px : this.style.top=max+px ;
			//this.innerHTML='x =' + this.style.left + '\n y= '+this.style.top+'\n top='+ mx + ' hoogte= ' + ht +' max=' + max + ' scrolltop = ' + st;//testing
		};
		el.x = startX; el.y = startY;
		return el;
	}
	window.verschuif=function()
	{
		var pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		offsetX = ns ? pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
		
		ftlObj.mx=d.getElementById?d.getElementById('top').offsetTop:d.all?d.all['top']:d.layers['top'];//onderkant van het menu
		ftlObj.ht=d.getElementById?d.getElementById('rechterstuk').offsetHeight:d.all?d.all['rechterstuk'] : d.layers['rechterstuk'];//beschikbare ruimte tussen bovenkant menu en footer
		ftlObj.st=pY;//gescrollde afstand
		
		if(ftlObj.mx<=topmax)//beginpositie van floating div is boven of op de gewenste centerpositie
		{
		var dY = (pY > startY) ? pY : startY;//dy is de streefwaarde, nadert tot scrolltop[pY]
		ftlObj.y += (dY - ftlObj.y)/8;//ease-effect
		}
		else//positie van de floating div is onder de gewenste centerpositie
		{
		var dY = (ftlObj.mx > topmax) ? pY-(ftlObj.mx-topmax) : startY;
		if((ftlObj.mx-pY)>topmax){dY=0;}//div blijft onder menu hangen tot gewenste centerpositie is bereikt
		ftlObj.y += (dY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y,ftlObj.mx,ftlObj.ht,ftlObj.st);
		setTimeout("verschuif()", wacht);
	}
	ftlObj = ml(div_id);//id vanfloating div
	verschuif();
}	
//============================= koppel event handlers=============================================//
 
      function addEvent(elem, evtType, func) {
	if(elem)
	{
         if (elem.addEventListener) {
            elem.addEventListener(evtType, func, false);
			
         } else if (elem.attachEvent) {
            elem.attachEvent("on" + evtType, func);
         } else {
            elem["on" + evtType] = func;
         }
      }
	  else {return false;}
	}


	  
//--------------------------------------------------------koppel statische buttons in de header--------------------------------------------------//	  
addEvent(window, "load", function() {
			
			var menu = document.getElementById("tekst_grote");
			var content='';
			content+='Vergroot uw tekst: <a class="a3" id="btn_groot" href="javascript:void(0)">A</a> <a class="a2" id="btn_middel" href="javascript:void(0)">A</a> <a class="a1" id="btn_klein" href="javascript:void(0)">A</a>'
			menu.innerHTML=content;
			
			addEvent(document.getElementById("btn_klein"), "click",
				function(evt) {return handleClick_btn_klein(evt);});
				
			addEvent(document.getElementById("btn_middel"), "click",
				function(evt) {return handleClick_btn_middel(evt);});
				
			addEvent(document.getElementById("btn_groot"), "click",
				function(evt) {return handleClick_btn_groot(evt);});
				
			
			
			

				
});

//------------------handle events buttons in de header -------------------------------------------------------------------------------------------
	  function handleClick_btn_klein(evt) {//request van btn_klein
         evt = (evt) ? evt : ((window.event) ? window.event : null);
         if (evt) {
		 if (evt.preventDefault) {evt.preventDefault();}//mozilla
		 var elem = (evt.target) ? evt.target : evt.srcElement;
			setTxtsize(elem.id);
         }
         return false;
      }
	  
	  function handleClick_btn_middel(evt) {//request van btn_middel
         evt = (evt) ? evt : ((window.event) ? window.event : null);
         if (evt) {
		 if (evt.preventDefault) {evt.preventDefault();}
		 var elem = (evt.target) ? evt.target : evt.srcElement;
			setTxtsize(elem.id);
         }
         return false;
      } 
	  
	  function handleClick_btn_groot(evt) {//request van btn_groot
         evt = (evt) ? evt : ((window.event) ? window.event : null);
         if (evt) {
		 if (evt.preventDefault) {evt.preventDefault();}
		 var elem = (evt.target) ? evt.target : evt.srcElement;
			setTxtsize(elem.id);
         }
         return false;
      }