function windowCreate(elements) {
	// declareer 	
	var formElements = "";
	
		// bewerk de array elements
		for (i=0; i<elements.length; i++)
			{
				formElements +=  elements[i];
			}
			
	var newWindow = document.createElement("div");
		newWindow.setAttribute("id","overlay_window");
		
	newWindow.innerHTML = elements["title"] + elements["description"] + formElements + elements["loader"];

    document.body.insertBefore(newWindow, document.body.childNodes[1]);		
      	
	overlayCreate();
	
	windowOpacity('overlay_window', 0, 100, 200);
	windowOpacity('overlay', 0, 70, 200);
}

function windowCollapse(window) {
	
	var target = document.getElementById(window);
	
		if(target.style.display == "none") {
			target.style.display = "block";
		}
		else {
			target.style.display = "none";
		}
			
	target.blur();	
}

function windowOpacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "',1)",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "',0)",(timer * speed));
            timer++;
        }
    }
}