// JavaScript Document
window.onload=function(){
 load_css();
}

window.onresize=function(){
 load_css();
}

function load_css(){
	
	//document.write('<link rel=stylesheet href="main.css">')
	if (screen.height <= 786 ){
		//alert ("De hoogte van de scherm resulutie is: "+screen.height+" gebruik template kleinste");
		document.getElementById("extra_css").href="styles/kleinste.css" ;
	}
	if ((screen.height <= 900 )&&(screen.height > 786 )){
		//alert ("De hoogte van de scherm resulutie is: "+screen.height+" gebruik template klein");
		document.getElementById("extra_css").href="styles/klein.css" ;
	}
	if ((screen.height <= 960 )&&(screen.height > 900 )){
		//alert ("De hoogte van de scherm resulutie is: "+screen.height+" gebruik normale template");
		//document.getElementById("extra_css").href="styles/groot.css" ;
	}
	if ((screen.height < 1200 )&&(screen.height > 960 )){
		//alert ("De hoogte van de scherm resulutie is: "+screen.height+" gebruik template groot");
		document.getElementById("extra_css").href="styles/groot.css" ;
	}
	if (screen.height >= 1200 ){
		//alert ("De hoogte van de scherm resulutie is: "+screen.height+" gebruik template groot");
		document.getElementById("extra_css").href="styles/grootste.css" ;
	}
}

function show_div(div){
	var Div = document.getElementById(div);
	Div.style.display ="block";
}

function hide_div(div){
	var Div = document.getElementById(div);
	Div.style.display ="none";
}