// JavaScript Document

function getDimensions() {
	var x,y,z;
	if (self.innerHeight) // all except Explorer
	{
		x = self.innerWidth;
		y = self.innerHeight;
		z = 0;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		x = document.documentElement.clientWidth;
		y = document.documentElement.clientHeight;
		z = 17;
	}
	else if (document.body) // other Explorers
	{
		x = document.body.clientWidth;
		y = document.body.clientHeight;
		z = 17;
	}
	
	return {x:x, y:y, z:z};
}


window.onload = function() {
	//var dims2 = $('frame').getDimensions(); 
	var dims = getDimensions();
	//alert(dims.x);
	//balkrechts = document.getElementById("rechterBlok");
	//balkrechts.style.height = (dims.height - 105) + "px";
	//document.getElementById("punt").style.height = dims.height + "px";
	document.getElementById("punt").style.height = dims.y + "px";
	document.getElementById("punt").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("menu").style.height = dims.y + "px";
	document.getElementById("menu").style.left = (((dims.x - 996)/2)-8) + "px";
	var productElement = document.getElementById("rechterbalk");
		if (productElement != null){
			document.getElementById("rechterbalk").style.height = dims.y + "px";
			document.getElementById("rechterbalk").style.left = ((((dims.x - 996)/2)-8)+830) + "px";
			document.getElementById("rechterBlok").style.height = dims.y + "px";
		}
	var productElement = document.getElementById("webshop");
		if (productElement != null){
			//alert(dims.z);
			document.getElementById("webshop").style.height = dims.y + "px";
			document.getElementById("webshop").style.width = (((996+ ((dims.x - 996)/2))+8)+ dims.z) + "px";
			document.getElementById("webshop").style.left = (((dims.x - 996)/2)-8) + "px";
		}
	document.getElementById("slogan").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("building").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("footer").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("webshopLogo").style.left = ((((dims.x - 996)/2)-8)+849) + "px";
	//document.getElementById("site").style.height = dims.y + "px";
	var productElement = document.getElementById("contentveld");
		if (productElement != null){
			document.getElementById("contentveld").style.height = dims.y + "px";
			document.getElementById("contentveld").style.width = ((996+ ((dims.x - 996)/2))+8) + "px";
			document.getElementById("contentveld").style.left = (((dims.x - 996)/2)-8) + "px";
		}
	var productElement = document.getElementById("content");
		if (productElement != null){
			document.getElementById("content").style.height = dims.y + "px";
		}
}

window.onresize = function() {
	//var dims2 = $('site').getDimensions(); 
	var dims = getDimensions();
	//alert(dims.x);
	//balkrechts = document.getElementById("rechterBlok");
	//balkrechts.style.height = (dims.height - 105) + "px";
	document.getElementById("punt").style.height = dims.y + "px";
	document.getElementById("punt").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("menu").style.height = dims.y + "px";
	document.getElementById("menu").style.left = (((dims.x - 996)/2)-8) + "px";
	var productElement = document.getElementById("rechterbalk");
		if (productElement != null){
			document.getElementById("rechterbalk").style.height = dims.y + "px";
			document.getElementById("rechterbalk").style.left = ((((dims.x - 996)/2)-8)+830) + "px";
			document.getElementById("rechterBlok").style.height = dims.y + "px";
		}
	var productElement = document.getElementById("webshop");
		if (productElement != null){
			//alert(dims.z);
			document.getElementById("webshop").style.height = dims.y + "px";
			document.getElementById("webshop").style.width = (((996+ ((dims.x - 996)/2))+8)+ dims.z) + "px";
			document.getElementById("webshop").style.left = (((dims.x - 996)/2)-8) + "px";
		}
	document.getElementById("slogan").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("building").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("footer").style.left = (((dims.x - 996)/2)-8) + "px";
	document.getElementById("webshopLogo").style.left = ((((dims.x - 996)/2)-8)+849) + "px";
	//document.getElementById("site").style.height = dims.y + "px";
	var productElement = document.getElementById("contentveld");
		if (productElement != null){
			document.getElementById("contentveld").style.height = dims.y + "px";
			document.getElementById("contentveld").style.width = ((996+ ((dims.x - 996)/2))+8) + "px";
			document.getElementById("contentveld").style.left = (((dims.x - 996)/2)-8) + "px";
		}
	var productElement = document.getElementById("content");
		if (productElement != null){
			document.getElementById("content").style.height = dims.y + "px";
		}
}

function resizeIframe(newheight) {
		var dims = getDimensions();
		var iframeHoogte = dims.y;
		if(newheight > iframeHoogte){
			document.getElementById("webshop").style.height = newheight + "px";
		}else{
			document.getElementById("webshop").style.height = dims.y + "px";	
		}
}

function faq (x) {
	var klaar=0;
	var i=1;
	while (klaar!=1){
		var productElement = document.getElementById("faq" + i);
		if (productElement != null){
			if (i == x){
					if(document.getElementById("faq" + i).className=="open"){
						document.getElementById("faq" + i).className="dicht";
						document.getElementById("faq" + i + "antwoord").style.display="none";
					}else{
						document.getElementById("faq" + i).className="open";
						document.getElementById("faq" + i + "antwoord").style.display="block";
					}
			}else{ 
				document.getElementById("faq" + i).className="dicht";
				document.getElementById("faq" + i + "antwoord").style.display="none";
			}
		}else{
			klaar = 1;
		}
		i=i+1;
	}
}