function displayVuller(){
	var maxImg = 5;
	var x = Math.random();
	x = Math.round(x*maxImg);
	document.write('<img src="images/vuller' + x + '.jpg" />');
}


function getBrowserWidth(){
	if (window.innerWidth){
		return window.innerWidth;}	
	else if (document.documentElement && document.documentElement.clientWidth != 0){
		return document.documentElement.clientWidth;	}
	else if (document.body){return document.body.clientWidth;}		
		return 0;
}
function getBrowserHeight(){
	if (window.innerHeight){
		return window.innerHeight;}	
	else if (document.documentElement && document.documentElement.clientHeight != 0){
		return document.documentElement.clientHeight;	}
	else if (document.body){return document.body.clientHeight;}		
		return 0;
}
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}




// dynamicLayout by Kevin Hale
function dynamicLayout(){
	var browserWidth = getBrowserWidth();
	//Load Thin CSS Rules
	if (browserWidth < 950){
		changeLayout(1);
	} else {
		changeLayout(0);
	}
	//drempelsweg
	var cookie = readCookie("style");
	if (cookie!="big"){cookie="small"}
	if (cookie == "small"){
		changeCssSize(1);
		createCookie("style", "small", 365);
	} else {
		changeCssSize(0);
		createCookie("style", "big", 365);
	}
	
	
	setFooter();
}

function setDrempel(size){
	createCookie("style", size, 365);
	dynamicLayout();
}

function setFooter(){
	
	if (document.getElementById) {
		var windowHeight = getBrowserHeight();
		if (windowHeight > 0) {
			var wrapperHeight = document.getElementById('wrapper').offsetHeight;
			
			var maincontentHeight = document.getElementById('maincontent').offsetHeight;
			var subcontentHeight = document.getElementById('subcontent').offsetHeight;
			var subnavHeight = document.getElementById('navcontent').offsetHeight;
			window.status = subnavHeight;// die rare vuller hangt ernog onder - en nog met extra ruimte ook
			//subnavHeight = subnavHeight + document.getElementById('vuller').offsetHeight; 
			
			if (subcontentHeight>maincontentHeight){maincontentHeight=subcontentHeight;}
			if (subnavHeight>maincontentHeight){maincontentHeight=subnavHeight;}
			maincontentHeight = maincontentHeight + 185; //Maincontent begint niet bovenaan de pagina
			
			if (maincontentHeight < windowHeight) {
				document.getElementById('wrapper').style.height = windowHeight + 'px';
			} else {
				document.getElementById('wrapper').style.height = maincontentHeight + 'px';
			}
			
		}
	}
}

// changeLayout is based on setActiveStyleSheet function by Paul Sowdon 
// http://www.alistapart.com/articles/alternate/
function changeLayout(description){
	var i, a;
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
		if(a.getAttribute("title") == "wide"){
			a.disabled = description;
		}
	}
}
function changeCssSize(description){
	var i, a;
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++){
		if(a.getAttribute("title") == "bigger"){
			a.disabled = description;
		}
	}
}
//addEvent() by John Resig
function addEvent( obj, type, fn ){ 
   if (obj.addEventListener){ 
      obj.addEventListener( type, fn, false );
   }
   else if (obj.attachEvent){ 
      obj["e"+type+fn] = fn; 
      obj[type+fn] = function(){ obj["e"+type+fn]( window.event ); } 
      obj.attachEvent( "on"+type, obj[type+fn] ); 
   } 
} 

//Run dynamicLayout function when page loads and when it resizes.
addEvent(window, 'load', dynamicLayout);
addEvent(window, 'resize', dynamicLayout);