window.onload = function onLoad(){
ResetHeights();
preLoadImages();
setMaxLength();
}

function setMaxLength() {
	var x = document.getElementsByTagName('textarea');
	var counter = document.createElement('div');
	counter.className = 'counter';
	for (var i=0;i<x.length;i++) {
		if (x[i].getAttribute('maxlength')) {
			var counterClone = counter.cloneNode(true);
			counterClone.relatedElement = x[i];
			counterClone.innerHTML = '<span>0</span>/'+x[i].getAttribute('maxlength');
			x[i].parentNode.insertBefore(counterClone,x[i].nextSibling);
			x[i].relatedElement = counterClone.getElementsByTagName('span')[0];

			x[i].onkeyup = x[i].onchange = checkMaxLength;
			x[i].onkeyup();
		}
	}
}

function checkMaxLength() {
	var maxLength = this.getAttribute('maxlength');
	var currentLength = this.value.length;
	if (currentLength > maxLength)
		this.relatedElement.className = 'toomuch';
	else
		this.relatedElement.className = '';
	this.relatedElement.firstChild.nodeValue = currentLength;
	// not innerHTML
	
}

function ResetHeights() 
{
    var minHeight = 490;
    var newHeight;
    var bufferHeight;
    
	var cw = document.getElementById('content_wrapper');
	if (document.getElementById('vacature_item')) {
	    bufferHeight = document.getElementById('vacature_item').offsetHeight+ 100;
    }
    else {
        bufferHeight = document.getElementById('col_center').offsetHeight+ 100;
    }
    newHeight = bufferHeight < minHeight?minHeight:bufferHeight;
    
    var formDiv = document.getElementById("form");
    if (formDiv){
        newHeight = newHeight + 50;
    }
    
    var cw = document.getElementById('content_wrapper');
    var ch =document.getElementById("content_home");
    
 
    if (ch && cw)
        cw.style.height="310px";
    else 
        cw.style.height =  newHeight +"px";
}

function preLoadImages()
{
    if (document.images)
    {
      pic1= new Image(); 
      pic1.src="img/mnu_voor_professionals-on.gif"; 

      pic2= new Image(); 
      pic2.src="img/mnu_voor_professionals-over.gif"; 
      
      pic3= new Image(); 
      pic3.src="img/mnu_voor_opdrachtgevers-on.gif"; 
      
      pic4= new Image(); 
      pic4.src="img/mnu_voor_opdrachtgevers-over.gif"; 

      pic5= new Image(); 
      pic5.src="img/mnu_over_ons-on.gif"; 

      pic6= new Image(); 
      pic6.src="img/mnu_over_ons-over.gif"; 

      pic7= new Image(); 
      pic7.src="img/mnu_voor_professionals.gif"; 

      pic8= new Image(); 
      pic8.src="img/mnu_voor_opdrachtgevers.gif"; 

      pic9= new Image(); 
      pic9.src="img/mnu_over_ons.gif"; 

    }
}