function createElm(elmtype,naam,parent) {
	var elm = document.createElement(elmtype);
	elm.className = naam;
	parent.appendChild(elm);
	return elm;
}
function createP(inhoud,parent) {
	var elm = document.createElement("p");
	elm.innerHTML = inhoud;
	parent.appendChild(elm);
	return elm;
}
function buttonClick() {
	var backgroundGray = createElm("div","backgroundGray",document.body);
	backgroundGray.setAttribute("id", "backgroundGray");
	var backgroundGray2 = createElm("div","backgroundGray2",document.body);
	backgroundGray2.setAttribute("id", "backgroundGray2");
	var containerMain = createElm("div","containerMain",backgroundGray2);
	var containerHeader = createElm("div","containerHeader",containerMain);
	var containerContent = createElm("div","containerContent",containerMain);
	var columnLeft = createElm("div","columnLeft",containerContent);
	var columnMiddle = createElm("div","columnMiddle",containerContent);
	var columnMiddleContent = createElm("div","kadertje w530",columnMiddle);

	createElm("span","top",columnMiddleContent);

	var columnMiddleContentH2 = document.createElement("h2");
	columnMiddleContentH2.title = "Lorem ipsum dolor sit amet, consectetur adipiscing elit!";
	columnMiddleContentH2.innerHTML = "Lorem ipsum dolor sit amet, consectetur adipiscing elit!";
	columnMiddleContent.appendChild(columnMiddleContentH2);

	createP("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget risus urna, eu placerat nisi. Praesent arcu turpis, ultricies sed tristique nec, laoreet at purus. In nec augue magna, a ullamcorper purus. Integer varius semper nibh at tristique. Pellentesque hendrerit lectus magna. Nam sem magna, adipiscing id sagittis ut, dictum id lorem. Cras egestas gravida cursus. Nullam rhoncus, leo ut accumsan vestibulum, quam odio vehicula ligula, quis pharetra mi nulla at neque. Quisque molestie erat at est vestibulum sed pretium lorem pulvinar. Curabitur est ipsum, euismod nec euismod et, feugiat a nulla. Quisque diam tellus, elementum ut egestas in, fermentum at justo. Ut in tempus sem. Donec sed purus ac neque aliquet tincidunt. Maecenas scelerisque porttitor sem, a imperdiet libero venenatis et. Aliquam eget enim lectus, eget aliquet sapien. Curabitur aliquet arcu in sapien tincidunt in accumsan arcu ultricies. Fusce eu posuere nisi. In hac habitasse platea dictumst. Phasellus odio leo, rutrum ornare pellentesque eu, posuere sed arcu. Donec dictum, risus at sodales pretium, nulla nulla sollicitudin dolor, et pharetra leo enim vitae turpis.",columnMiddleContent);

	var columnMiddleContentImg = document.createElement("img");
	columnMiddleContentImg.setAttribute("src", "/upload/18f78f6a-658e-4e6d-9e20-3b723fc7331a_close.png");
	columnMiddleContentImg.setAttribute("onclick", "buttonElseClick()");
	columnMiddleContentImg.className = "imgClose";
	columnMiddleContent.appendChild(columnMiddleContentImg);
	if (document.addEventListener) {
		columnMiddleContentImg.addEventListener("onclick",buttonElseClick,false);
	} else {
		columnMiddleContentImg.attachEvent("onclick",buttonElseClick);
	}

	createElm("span","bottom",columnMiddleContent);

	return false;
}

function buttonElseClick() {
	document.body.removeChild(document.getElementById("backgroundGray"));
	document.body.removeChild(document.getElementById("backgroundGray2"));
	return true;
}