// -------------------------------------------------------------------
// DHTML Window Widget- By Dynamic Drive, available at: http://www.dynamicdrive.com
// v1.0: Script created Feb 15th, 07'
// v1.01: Feb 21th, 07' (see changelog.txt)
// v1.02: March 26th, 07' (see changelog.txt)
// v1.03: May 5th, 07' (see changelog.txt)
// -------------------------------------------------------------------
dhtmlWindowResizedata = new Array();
var dhtmlwindow={
imagefiles:['images/minimise.jpg', 'images/closer.jpg', 'images/restore.jpg', 'images/resize.gif'], //Path to 4 images used by script, in that order
ajaxbustcache: true, //Bust caching when fetching a file via Ajax?
minimizeorder: 0,
tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
init:function(t, className){
	var domwindow=document.createElement("div") //create dhtml window div
	domwindow.id=t
	//domwindow.className="dhtmlwindow"
	domwindow.className=className
	var domwindowdata=''
	domwindowdata='<div class="drag-handle">'
	domwindowdata+='DHTML Window <div class="drag-controls"><img src="'+this.imagefiles[0]+'" title="Minimize" /><img src="'+this.imagefiles[1]+'" title="Close" /></div>'
	domwindowdata+='</div>'
	domwindowdata+='<div class="drag-contentarea"></div>'
	domwindowdata+='<div class="drag-statusarea"><div class="drag-resizearea" style="background: transparent url('+this.imagefiles[3]+') top right no-repeat;">&nbsp;</div></div>'
	domwindowdata+='</div>'
	domwindow.innerHTML=domwindowdata
	var dhtmlWindowHolder = document.getElementById("dhtmlwindowholder");
	if (!dhtmlWindowHolder){
		var dhtmlWindowHolder = document.createElement('div');
		dhtmlWindowHolder.id="dhtmlwindowholder";
		dhtmlWindowHolder.innerHTML = '<span style="display:none">.</span></div><div id="lightBox">';
		document.body.appendChild(dhtmlWindowHolder);
	}
	dhtmlWindowHolder.appendChild(domwindow);
	this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 100, increments whenever a window has focus
	var t=document.getElementById(t)
	var divs=t.getElementsByTagName("div")
	for (var i=0; i<divs.length; i++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
		if (/drag-/.test(divs[i].className))
			t[divs[i].className.replace(/drag-/, "")]=divs[i] //take out the "drag-" prefix for shorter access by name
	}

	t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
	t.handle._parent=t //store back reference to dhtml window
	t.resizearea._parent=t //same
	t.controls._parent=t //same
	t.onclose=function(){return true} //custom event handler "onclose"
	t.onmousedown=function(){dhtmlwindow.zIndexvalue++; this.style.zIndex=dhtmlwindow.zIndexvalue} //Increase z-index of window when focus is on it
	t.handle.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on handle div
	t.resizearea.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on resize div
	t.controls.onclick=dhtmlwindow.enablecontrols
	t.show=function(){dhtmlwindow.show(this)} //public function for showing dhtml window
	t.hide=function(param){return dhtmlwindow.close(this, undefined, param)} //public function for hiding dhtml window
	t.setSize=function(w, h, center){dhtmlwindow.setSize(this, w, h, center)} //public function for setting window dimensions
	t.moveTo=function(x, y){dhtmlwindow.moveTo(this, x, y)} //public function for moving dhtml window (relative to viewpoint)
	t.isResize=function(bol){dhtmlwindow.isResize(this, bol)} //public function for specifying if window is resizable
	t.isScrolling=function(bol){dhtmlwindow.isScrolling(this, bol)} //public function for specifying if window content contains scrollbars
	t.load=function(contenttype, contentsource, title){dhtmlwindow.load(this, contenttype, contentsource, title)} //public function for loading content into window
	t.cleanup=function(){
		if (typeof t.iframe != 'undefined'){

			t.iframe = undefined;
			if (t.contentarea.firstChild){
				t.contentarea.removeChild(t.contentarea.firstChild);
			}
		}else{
			t.contentarea.innerHTML=''

		}
	}
	this.tobjects[this.tobjects.length]=t

	return t //return reference to dhtml window div
},

open:function(t, contenttype, contentsource, title, attr, recalonload){
	var d=dhtmlwindow //reference dhtml window object
	function getValue(Name){
		var config=new RegExp(Name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
		var waarde = (config.test(attr))? RegExp.$1 : 0 //return value portion (int), or 0 (false) if none found
		if (!isNaN(waarde)) {
			waarde = parseInt(waarde);
		}
		return waarde //return value portion (int), or 0 (false) if none found
		//return (config.test(attr))? RegExp.$1 : 0 //return value portion (int), or 0 (false) if none found
	}
	var className=getValue("class")? getValue("class") : "dhtmlwindow" //Get main classname
	if (document.getElementById(t)==null) {//if window doesn't exist yet, create it
		t=this.init(t, className) //return reference to dhtml window div
	}else{
		t=document.getElementById(t)
	}

	t.load(contenttype, contentsource, title)

	var xpos=getValue("center")? "middle" : getValue("left") //Get x coord of window
	var ypos=getValue("center")? "middle" : getValue("top") //Get y coord of window

	//t.moveTo(xpos, ypos) //Position window
	if (typeof recalonload!="undefined" && recalonload=="recal" && this.scroll_top==0){ //reposition window when page fully loads with updated window viewpoints?
		if (window.attachEvent && !window.opera) //In IE, add another 400 milisecs on page load (viewpoint properties may return 0 b4 then)
			this.addEvent(window, function(){setTimeout(function(){t.moveTo(xpos, ypos)}, 400)}, "load")
		else
			this.addEvent(window, function(){t.moveTo(xpos, ypos)}, "load")
	}
	t.isResize(getValue("resize")) //Set whether window is resizable
	t.isScrolling(getValue("scrolling")) //Set whether window should contain scrollbars
	t.style.visibility="hidden"
	t.style.display="block"
	t.contentarea.style.display="block"
	var width = (getValue("width") || 'auto');
	var height = (getValue("height") || 'auto');


	// altijd bij show dit venster bovenop gooien
	dhtmlwindow.zIndexvalue++;
	this.zIndexvalue=dhtmlwindow.zIndexvalue;

	t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
	if (width=='auto' || height == 'auto'){
		//dit zorgt er voor dat alle styling is toegepast voordat de breedte en.of hoogte berekend word
		setTimeout(function(){
			t.setSize(width, height);
			t.moveTo(xpos, ypos) //Position window
			t.style.visibility="visible"
		}, 100);
	}else{
		t.setSize(width, height); //Set dimensions of window
		t.moveTo(xpos, ypos) //Position window
		t.style.visibility="visible"
	}
	//t.load(contenttype, contentsource, title)
	if (t.state=="minimized" && t.controls.firstChild.title=="Restore"){ //If window exists and is currently minimized?
		t.controls.firstChild.setAttribute("src", dhtmlwindow.imagefiles[0]) //Change "restore" icon within window interface to "minimize" icon
		t.controls.firstChild.setAttribute("title", "Minimize")
		t.state="fullview" //indicate the state of the window as being "fullview"
	}

	return t
},

setSize:function(t, w, h, center){ //set window size (min is 150px wide by 100px tall)
	wInt = parseInt(w);
	if (isNaN(wInt)){
		wInt = 0;
	}
	//t.style.width=Math.max(wInt, 150)+"px"

	if (w == 'auto' || w=='max'){
		t.style.width = '50px';
		if (w == 'max'){
			w=999999;
		}else{
			w=remPX(t.contentarea.scrollWidth);
			w = (w + this.getPadding(t, 'left')+ this.getPadding(t, 'right') )//+ this.getPadding(t, 'right'));
		}
		var w2 = document.body.clientWidth-50;
		w = Math.min(w, w2);

	}
	t.style.width=Math.max(parseInt(w), 150)+"px"
	hInt = parseInt(h);
	if (isNaN(hInt)){
		hInt = 0;
	}
	//t.contentarea.style.height=Math.max(hInt, 100)+"px"

	if (h == 'auto' || h=='max'){

		if (h=='max'){
			//een grotere h als je browser
			h=999999;
		}else{
			//eerts klein zetten
			t.contentarea.style.height = '50px';
			//if (navigator.appName == 'Microsoft Internet Explorer'){
			//	h=remPX(t.contentarea.scrollHeight);
			//}else{
				h=remPX(t.contentarea.scrollHeight)-this.getPadding(t, 'top') - this.getPadding(t, 'bottom');
			//}
			h++; //h met 1 verhogen, waarschijnlijk om met halve pixels te werken
			
		}
		//var h2 = document.body.parentNode.clientHeight - this.getPadding(t, 'top') - this.getPadding(t, 'bottom') - t.handle.clientHeight - t.resizearea.clientHeight - 20;
		//parentnode er uit gehaald voor bloqbuilder bloqs
		var h2 = document.body.clientHeight - this.getPadding(t, 'top') - this.getPadding(t, 'bottom') - t.handle.clientHeight - t.resizearea.clientHeight - 20;
		h = Math.min(h, h2);
	} else {

		//if (navigator.appName == 'Microsoft Internet Explorer'){
		//}else{
			if (t.contentarea.firstChild.tagName == 'IFRAME') {
				t.contentarea.firstChild.style.height = (remPX(h)-0)+'px';
			}
		//}
	}
	t.contentarea.style.height=Math.max(parseInt(h), 50)+"px"
	if (center){
		this.moveTo(t, 'middle', 'middle');
	}
},

moveTo:function(t, x, y){ //move window. Position includes current viewpoint of document
	this.getviewpoint() //Get current viewpoint numbers

	var left = (x=="middle")? this.scroll_left+Math.round((this.docwidth-t.offsetWidth)/2) : this.scroll_left + parseInt(x);
	var top = (y=="middle")? this.scroll_top+Math.round((this.docheight-t.offsetHeight)/2) : this.scroll_top + parseInt(y);
	left < 0 ? left=0: '';
	top < 0 ? top=0: '';
	t.style.left=left+"px"
	t.style.top= top+"px"
},

isResize:function(t, bol){ //show or hide resize inteface (part of the status bar)
	t.statusarea.style.display=(bol)? "block" : "none"
	t.resizeBool=(bol)? 1 : 0
},

isScrolling:function(t, bol){ //set whether loaded content contains scrollbars
	if (t.contentarea.firstChild.tagName == 'IFRAME') {
		//scrolling is niet in te stellen in ie dus altijd scroll
		/*t.contentarea.firstChild.style.overflow = (bol)? "auto" : "hidden";*/
		/*t.contentarea.firstChild.scrolling=(bol)? "yes" : "no";*/
		
		// altijd hidden bij iframe omdat de scrollbar van de html/body gebruikt word.
		t.contentarea.style.overflow = 'hidden';
	} else {
		t.contentarea.style.overflow=(bol)? "auto" : "hidden";
	}
},

load:function(t, contenttype, contentsource, title){ //loads content into window plus set its title (3 content types: "inline", "iframe", or "ajax")
	var contenttype=contenttype.toLowerCase() //convert string to lower case
	if (typeof title!="undefined")
		t.handle.firstChild.nodeValue=title
	if (contenttype=="inline")
		t.contentarea.innerHTML=contentsource
	else if (contenttype=="div"){
		var htmlSrc = document.getElementById(contentsource).innerHTML;
		if(htmlSrc=='' && t.htmlSrc){
			htmlSrc = t.htmlSrc;
		} else {
			t.htmlSrc = htmlSrc;
		}
		t.contentarea.innerHTML=htmlSrc; //Populate window with contents of specified div on page
		t.contentsource = contentsource;
		document.getElementById(contentsource).innerHTML = ''; //clear origineel bij onclose worde het weer terug gezet
	}
	else if (contenttype=="iframe"){
		t.contentarea.style.padding = "0px";

		if (typeof t.iframe == 'undefined' || !t.iframe.getDocument()) {//If iframe tag doesn't exist already, create it first
			var iframe = document.createElement('iframe');
			iframe.src = contentsource;
			iframe.style.margin = '0px';
			iframe.style.padding = '0px';
			iframe.style.width = '100%';
			iframe.style.height = '100%';
			iframe.style.border = '0px';
			iframe.name = '_iframe-'+t.id;
			t.iframe = iframe;
			
			t.contentarea.appendChild(iframe);
			t.iframe.getDocument = function(){
				
				var oDoc = (t.iframe.contentWindow || t.iframe.contentDocument);
				if (typeof oDoc.document == 'object') oDoc = oDoc.document;
				return oDoc;
			}
			/*
			//maak een pointer naar de document zodat deze makkelijk te benaderen is
			if (typeof t.iframe.Document  == 'object') {//&& t.iframe.Document.body.scrollHeight
				// IE < 9 DOM syntax
				t.iframe.getDocument = function(){ return t.iframe.Document };
			} else if (typeof t.iframe.document == 'object' /*&& typeof t.iframe.document.ownerDocument  == 'object'*//*) {
				// IE 9 DOM syntax
				t.iframe.getDocument = function(){ return t.iframe.document;/*.ownerDocument*//* };
			} else {
				// W3C DOM (and Mozilla) syntax
				t.iframe.getDocument = function(){ return t.iframe.contentDocument };
			}*/
		}else{
			var doc = t.iframe.getDocument();
			if (typeof doc.body == 'object') {
				// als we in de iframe een geopende pdf downloaden dan is er geen body
				t.iframe.getDocument().body.innerHTML = 'Loading...';
			}

			if (typeof doc.location == 'object') {
				doc.location.replace(contentsource) //set location of iframe window to specified URL
			}else{
				t.iframe.src = contentsource; //set location of iframe window to specified URL
			}
			
		}

	}
	else if (contenttype=="ajax"){
		this.ajax_connect(contentsource, t) //populate window with external contents fetched via Ajax
	}
	t.contentarea.datatype=contenttype; //store contenttype of current window for future reference
},

setupdrag:function(e){
	var d=dhtmlwindow //reference dhtml window object
	var t=this._parent //reference dhtml window div
	d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
	var e=window.event || e
	d.initmousex=e.clientX //store x position of mouse onmousedown
	d.initmousey=e.clientY
	d.initx=parseInt(t.offsetLeft) //store offset x of window div onmousedown
	d.inity=parseInt(t.offsetTop)
	d.width=parseInt(t.offsetWidth) //store width of window div
	d.contentheight=parseInt(t.contentarea.offsetHeight) //store height of window div's content div
	if (t.contentarea.datatype=="iframe"){ //if content of this window div is "iframe"
		t.style.backgroundColor="#F8F8F8" //colorize and hide content div (while window is being dragged)
		t.contentarea.style.visibility="hidden"
	}
	document.onmousemove=d.getdistance //get distance travelled by mouse as it moves
	document.onmouseup=function(){
		if (t.contentarea.datatype=="iframe"){ //restore color and visibility of content div onmouseup
			t.contentarea.style.backgroundColor="white"
			t.contentarea.style.visibility="visible"
		}
		d.stop()
	}
	return false
},

getdistance:function(e){
	var d=dhtmlwindow
	var etarget=d.etarget
	var e=window.event || e

	d.distancex=e.clientX-d.initmousex //horizontal distance travelled relative to starting point
	d.distancey=e.clientY-d.initmousey
	if (etarget.className=="drag-handle") //if target element is "handle" div
		d.move(etarget._parent, e)
	else if (etarget.className=="drag-resizearea") //if target element is "resize" div
		d.resize(etarget._parent, e)
	return false //cancel default dragging behavior
},

getviewpoint:function(){ //get window viewpoint numbers
	var ie=document.all && !window.opera
	var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
	this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
	this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
	this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
},

rememberattrs:function(t){ //remember certain attributes of the window when it's minimized or closed, such as dimensions, position on page
	this.getviewpoint() //Get current window viewpoint numbers
	t.lastx=parseInt((t.style.left || t.offsetLeft))-dhtmlwindow.scroll_left //store last known x coord of window just before minimizing
	t.lasty=parseInt((t.style.top || t.offsetTop))-dhtmlwindow.scroll_top
	t.lastwidth=parseInt(t.style.width) //store last known width of window just before minimizing/ closing
},

move:function(t, e){

	var left = dhtmlwindow.distancex+dhtmlwindow.initx
	var top = dhtmlwindow.distancey+dhtmlwindow.inity

	if (left <1 ){
		left = 1;
	}
	if (top <1 ){
		top = 1;
	}
	t.style.left= left+"px"
	t.style.top= top+"px"

},

resize:function(t, e){
	if (!this.resizeTimeOut){
		if (!dhtmlWindowResizedata[t.ID]){
			dhtmlWindowResizedata[t.ID] = new Array();
		}

		dhtmlWindowResizedata[t.ID]['window'] = this;
		dhtmlWindowResizedata[t.ID]['object'] = t;
		this.resizeTimeOut = setTimeout('dhtmlWindowResize("'+t.ID+'")', 150);
	}
},
resizeTimer:function(t, e){
	//t = this.resizeTarget[tID];
	this.resizeTimeOut = undefined
	if (t.contentarea.datatype!="iframe"){

		totalpaddingHeight = this.getPadding(t, 'top')+this.getPadding(t, 'bottom');
		totalpaddingWidth = this.getPadding(t, 'left')+this.getPadding(t, 'right');
	} else {
		totalpaddingHeight = 0;
		totalpaddingWidth = 0;
	}
	t.style.width=Math.max(dhtmlwindow.width+dhtmlwindow.distancex, 150)+"px";
	var hoogte = Math.max(dhtmlwindow.contentheight-totalpaddingHeight+dhtmlwindow.distancey, 100);
	t.contentarea.style.height = hoogte+"px";
	if (t.contentarea.datatype == "iframe") {
		if (navigator.appName != 'Microsoft Internet Explorer'){
			hoogte -= 2;
		}
		t.contentarea.firstChild.style.height = hoogte+'px';
	}
/* 	var w=Math.max(dhtmlwindow.width+dhtmlwindow.distancex, 150)
	var h=Math.max(dhtmlwindow.contentheight+dhtmlwindow.distancey, 100)
	t.style.width=w+"px"
	var wc = parseInt(t.contentarea.offsetWidth);

	if (wc >= w-40){
		t.contentarea.style.width = w +"px";
		//alert(1);
		//t.style.width = t.contentarea.clientWidth;
		//t.contentarea.style.width = w+'px';
	}else{
		t.contentarea.style.width = '';
	}
	//var padding = t.contentarea.getPropertyValue('padding');
	//t.contentarea.style.width = (w-padding) +"px"
	t.contentarea.style.height=h+"px" */

	try{
		t.onWinResize(w, h);
	}
	catch(err){ //In non IE browsers, all errors are caught, so just run the below

	}
},

enablecontrols:function(e){
	var d=dhtmlwindow
	var sourceobj=window.event? window.event.srcElement : e.target //Get element within "handle" div mouse is currently on (the controls)
	if (/Minimize/i.test(sourceobj.getAttribute("title"))) //if this is the "minimize" control
		d.minimize(sourceobj, this._parent)
	else if (/Restore/i.test(sourceobj.getAttribute("title"))) //if this is the "restore" control
		d.restore(sourceobj, this._parent)
	else if (/Close/i.test(sourceobj.getAttribute("title"))) //if this is the "close" control
		d.close(this._parent, sourceobj)
	return false
},

minimize:function(button, t){
	dhtmlwindow.rememberattrs(t)
	button.setAttribute("src", dhtmlwindow.imagefiles[2])
	button.setAttribute("title", "Restore")
	t.state="minimized" //indicate the state of the window as being "minimized"
	t.contentarea.style.display="none"
	t.statusarea.style.display="none"
	if (typeof t.minimizeorder=="undefined"){ //stack order of minmized window on screen relative to any other minimized windows
		dhtmlwindow.minimizeorder++ //increment order
		t.minimizeorder=dhtmlwindow.minimizeorder
	}
	t.style.left="10px" //left coord of minmized window
	t.style.width="200px"
	var windowspacing=t.minimizeorder*10 //spacing (gap) between each minmized window(s)
	t.style.top=dhtmlwindow.scroll_top+dhtmlwindow.docheight-(t.handle.offsetHeight*t.minimizeorder)-windowspacing+"px"
},

restore:function(button, t){
	dhtmlwindow.getviewpoint()
	button.setAttribute("src", dhtmlwindow.imagefiles[0])
	button.setAttribute("title", "Minimize")
	t.state="fullview" //indicate the state of the window as being "fullview"
	t.style.display="block"
	t.contentarea.style.display="block"
	if (t.resizeBool) //if this window is resizable, enable the resize icon
		t.statusarea.style.display="block"
	t.style.left=parseInt(t.lastx)+dhtmlwindow.scroll_left+"px" //position window to last known x coord just before minimizing
	t.style.top=parseInt(t.lasty)+dhtmlwindow.scroll_top+"px"
	t.style.width=parseInt(t.lastwidth)+"px"
},

close:function(t, el, param){
	try{
		var closewinbol = false;
		if (typeof(t.onclose) == 'function') {
			if (el == undefined){
				closewinbol=t.onclose('', param);
			}else{
				closewinbol=t.onclose(el, param);
			}
		} else {
			closewinbol = true;
		}
	}
	catch(err){ //In non IE browsers, all errors are caught, so just run the below
		//var closewinbol=true
		alert(err.name+' - '+err.message);
	}
	// finally{ //In IE, not all errors are caught, so check if variable isn't defined in IE in those cases
		// if (typeof closewinbol=="undefined"){
			// alert("An error has occured somwhere inside your \"onclose\" event handler")
			// var closewinbol=true
		// }
	// }
	if (closewinbol){ //if custom event handler function returns true
		if (t.state!="minimized") //if this window isn't currently minimized
			dhtmlwindow.rememberattrs(t) //remember window's dimensions/position on the page before closing
		t.style.display="none";
		if (t.htmlSrc != '' && t.htmlSrc != undefined) { //eventueel originele html src terug zetten en opruimen
			document.getElementById(t.contentsource).innerHTML = t.htmlSrc;
			t.htmlSrc = '';
			t.contentarea.innerHTML = '';
		}
	}
	return closewinbol
},

show:function(t){
	if (t.lastx) //If there exists previously stored information such as last x position on window attributes (meaning it's been minimized or closed)
		dhtmlwindow.restore(t.controls.firstChild, t) //restore the window using that info
	else
		t.style.display="block"

	t.state="fullview" //indicate the state of the window as being "fullview"
},

ajax_connect:function(url, t){
	var page_request = false
	var bustcacheparameter=""
	if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE6 or below
		try {
		page_request = new ActiveXObject("Msxml2.XMLHTTP")
		}
		catch (e){
			try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else
		return false
	page_request.onreadystatechange=function(){dhtmlwindow.ajax_loadpage(page_request, t)}
	if (this.ajaxbustcache) //if bust caching of external page
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
	page_request.open('GET', url+bustcacheparameter, true)
	page_request.send(null)
},

ajax_loadpage:function(page_request, t){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
	t.contentarea.innerHTML=page_request.responseText
	}
},


stop:function(){
	dhtmlwindow.etarget=null //clean up
	document.onmousemove=null
	document.onmouseup=null
},

addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)

	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
},

cleanup:function(){
	for (var i=0; i<dhtmlwindow.tobjects.length; i++){
		dhtmlwindow.tobjects[i].handle._parent=dhtmlwindow.tobjects[i].resizearea._parent=dhtmlwindow.tobjects[i].controls._parent=null
	}
	window.onload=null
},
getPadding:function(t, type){
	var padding;
	switch (type){
		case 'top':
			padding = remPX(getStyle(t.contentarea,'paddingTop'));
			if (padding==''){
				padding = remPX(getStyle(t.contentarea,'padding-top'));
			}
		break;
		case 'right':
			padding = remPX(getStyle(t.contentarea,'paddingRight'));
			if (padding==''){
				padding = remPX(getStyle(t.contentarea,'padding-right'));
			}
		break;
		case 'bottom':
			padding = remPX(getStyle(t.contentarea,'paddingRight'));
			if (padding==''){
				padding = remPX(getStyle(t.contentarea,'padding-right'));
			}
		break;
		case 'left':
			padding = remPX(getStyle(t.contentarea,'paddingBottom'));
			if (padding==''){
				padding = remPX(getStyle(t.contentarea,'padding-bottom'));
			}
		break;
	}
	return padding;
}

} //End dhtmlwindow object
function getStyle(el,styleProp)
{
	//var x = document.getElementById(el);
	var x = el;
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}
function remPX(waarde){
	//verwijderd px
	if (waarde == undefined ){
		return 0;
	}

	if (waarde == parseInt(waarde)){
		return waarde;
	}

	string = waarde.toLowerCase();
	var len = string.length;
	var px = string.substring(len-2,len);
	if (px == 'px'){
		string = string.substring(0, len-2);
	}
	var intString= parseInt(string);
	return (intString==string?intString:string);
}
function dhtmlWindowResize(tID){
	dhtmlWindowResizedata[tID]['window'].resizeTimer(dhtmlWindowResizedata[tID]['object']);
}