// -------------------------------------------------------------------
// DHTML Window Widget- By Dynamic Drive, available at: http://www.dynamicdrive.com
// v1.0: Script created Feb 15th, 07'
// v1.01: Updated to v1.01 Feb 21th, 07'
// -------------------------------------------------------------------
var holderExtents={left: 0,top: 0}

function setExtents(left, top)
{
  holderExtents.left = left;
  holderExtents.top = top;
}

var dhtmlwindow = {

    imagefiles: ['scripts/min.gif', 'scripts/close.gif', 'scripts/restore.gif', 'scripts/resize.gif'], //Path to 4 images used by script, in that order
    ajaxbustcache: true, //Bust caching when fetching a file via Ajax?
    minimizeorder: 0,
    showTitlesOnMouseOver: false, // Enable/Disable showing window title on mouse over.
    tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
    lastactivet: {}, //reference to last active DHTML window

    init: function (t) {
        var domwindow = document.createElement("div") //create dhtml window div
        domwindow.id = t
        domwindow.className = "dhtmlwindow"
        var domwindowdata = ''
        domwindowdata = '<div class="drag-handle" id="dragHandle">'
        domwindowdata += 'DHTML Window <div class="drag-controls"><img src="' + this.imagefiles[1] + '" title="Close" style="visibility:hidden" /></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 holder = document.getElementById("dhtmlwindowholder")
        holder.appendChild(domwindow)
        //this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, 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.isTitleVisible = true
        t.onwinmove = function () { return true } // custom event handler "onmove"
        t.onclose = function () { return true } //custom event handler "onclose"
        t.onmouseover = function () { if (!t.isTitleVisible && t.showTitlesOnMouseOver) t.firstChild.style.display = "block"; }
        t.onmouseout = function () { if (!t.isTitleVisible) t.firstChild.style.display = "none"; }
        //t.onmousedown=function(){dhtmlwindow.zIndexvalue++; this.style.zIndex=dhtmlwindow.zIndexvalue} //Increase z-index of window when focus is on it
        t.onmousedown = function () { dhtmlwindow.setfocus(this) } //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.titleVisible = function (bol) { dhtmlwindow.titleVisible(this, bol) }
        t.show = function () { dhtmlwindow.show(this) } //public function for showing dhtml window
        t.hide = function () { dhtmlwindow.close(this) } //public function for hiding dhtml window
        t.setSize = function (w, h) { dhtmlwindow.setSize(this, w, h) } //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.getContentFrame = function () { return dhtmlwindow.getContentFrame(this) }
        t.getTitle = function () { return this.title }
        t.getSize = function () { return dhtmlwindow.getSize(this); }
        t.getPosition = function () { return dhtmlwindow.getPosition(this); }
        this.tobjects[domwindow.id] = t
        return t //return reference to dhtml window div
    },

    checkButton: function (e) {
        var e = window.event || e;
        var button;
        if (e.which == null)
        /* IE case */
            button = (event.button < 2) ? "LEFT" :
                 ((event.button == 4) ? "MIDDLE" : "RIGHT");
        else
        /* All others */
            button = (event.which < 2) ? "LEFT" :
                 ((event.which == 2) ? "MIDDLE" : "RIGHT");
        if (button == "RIGHT")
            this.onrightdown;
        else
            dhtmlwindow.setupdrag;
    },

    titleVisible: function (t, bol) {
        if (bol == true) {
            t.firstChild.style.display = "block";
            t.isTitleVisible = true;
        }
        else {
            t.firstChild.style.display = "none";
            t.isTitleVisible = false;
        }
    },

    getAreaSize: function () {
        var maxWidth = 0;
        var maxHeight = 0;
        var theSize, thePos;

        for (var i in dhtmlwindow.tobjects) {
            theSize = dhtmlwindow.tobjects[i].getSize();
            thePos = dhtmlwindow.tobjects[i].getPosition();

            if ((theSize[0] + thePos[0]) > maxWidth)
                maxWidth = theSize[0] + thePos[0];

            if ((theSize[1] + thePos[1]) > maxHeight)
                maxHeight = theSize[1] + thePos[1];
        }

        return [maxWidth, maxHeight];
    },

    getSize: function (t) {
        var thisWidth, thisHeight;
        thisWidth = parseInt(t.style.width.substring(0, t.style.width.indexOf("px")));
        thisHeight = parseInt(t.contentarea.style.height.substring(0, t.contentarea.style.height.indexOf("px"))) +
	                ((t.isTitleVisible) ? 20 : 2);
        return [thisWidth, thisHeight];
    },

    getPosition: function (t) {
        var thisX, thisY;
        thisX = parseInt(t.style.left.substring(0, t.style.left.indexOf("px")));
        thisY = parseInt(t.style.top.substring(0, t.style.top.indexOf("px")));
        return [thisX, thisY];
    },

    setopacity: function (targetobject, value) { //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
        if (!targetobject)
            return
        if (targetobject.filters && targetobject.filters[0]) { //IE syntax
            if (typeof targetobject.filters[0].opacity == "number") //IE6
                targetobject.filters[0].opacity = value * 100
            else //IE 5.5
                targetobject.style.filter = "alpha(opacity=" + value * 100 + ")"
        }
        else if (typeof targetobject.style.MozOpacity != "undefined") //Old Mozilla syntax
            targetobject.style.MozOpacity = value
        else if (typeof targetobject.style.opacity != "undefined") //Standard opacity syntax
            targetobject.style.opacity = value
    },

    setfocus: function (t) { //Sets focus to the currently active window
        try {
            this.zIndexvalue++
            t.style.zIndex = this.zIndexvalue
            t.isClosed = false //tell script this window isn't closed (for detection in t.show())
            this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window
            this.setopacity(t.handle, 1) //focus currently active window
            this.lastactivet = t //remember last active window
        }
        catch (Error) { }
    },

    tileHorizontal: function () {

        var parentArea = document.getElementById("dhtmlwindowholder").parentNode;
        var maxWidth, biggestHeight, currentWidth, currentHeight, isFirst, thisWidth, thisHeight;
        var d = dhtmlwindow;
        if (document.all)
            maxWidth = parentArea.offsetWidth;
        else
            maxWidth = parentArea.innerWidth;
        currentWidth = 0;
        currentHeight = 0;
        biggestHeight = 0;
        isFirst = true;
        for (var i in dhtmlwindow.tobjects) {
            thisWidth = parseInt(dhtmlwindow.tobjects[i].style.width.substring(0, dhtmlwindow.tobjects[i].style.width.indexOf("px")));
            thisHeight = parseInt(dhtmlwindow.tobjects[i].contentarea.style.height.substring(0, dhtmlwindow.tobjects[i].contentarea.style.height.indexOf("px"))) +
	                ((dhtmlwindow.tobjects[i].isTitleVisible) ? 20 : 2);
            if ((currentWidth + thisWidth) > maxWidth) {
                if (!isFirst) {
                    currentHeight += biggestHeight;
                    biggestHeight = 0;
                    currentWidth = 0;
                    isFirst = true;
                }
                else {
                    isFirst = false;
                }
            }
            else {
                isFirst = false;
            }
            dhtmlwindow.tobjects[i].moveTo(currentWidth, currentHeight);
            if (thisHeight > biggestHeight)
                biggestHeight = thisHeight;
            currentWidth += thisWidth;
        }
    },

    tileVertical: function () {
        var parentArea = document.getElementById("dhtmlwindowholder").parentNode;
        var maxHeight, biggestWidth, currentWidth, currentHeight, isFirst, thisWidth, thisHeight;
        var d = dhtmlwindow;
        if (document.all)
            maxHeight = parentArea.offsetHeight;
        else
            maxHeight = parentArea.innerHeight;
        currentWidth = 0;
        currentHeight = 0;
        biggestWidth = 0;
        isFirst = true;
        for (var i in dhtmlwindow.tobjects) {
            thisWidth = parseInt(dhtmlwindow.tobjects[i].style.width.substring(0, dhtmlwindow.tobjects[i].style.width.indexOf("px")));
            thisHeight = parseInt(dhtmlwindow.tobjects[i].contentarea.style.height.substring(0, dhtmlwindow.tobjects[i].contentarea.style.height.indexOf("px"))) +
	                ((dhtmlwindow.tobjects[i].isTitleVisible) ? 20 : 2);
            if ((currentHeight + thisHeight) > maxHeight) {
                if (!isFirst) {
                    currentWidth += biggestWidth;
                    biggestWidth = 0;
                    currentHeight = 0;
                    isFirst = true;
                }
                else {
                    isFirst = false;
                }
            }
            else {
                isFirst = false;
            }
            dhtmlwindow.tobjects[i].moveTo(currentWidth, currentHeight);
            if (thisWidth > biggestWidth)
                biggestWidth = thisWidth;
            currentHeight += thisHeight;
        }
    },

    setTitlesVisibility: function (bol) {
        for (var i in dhtmlwindow.tobjects) {
            dhtmlwindow.tobjects[i].titleVisible(bol)
        }
    },

    getWindows: function () {
        return dhtmlwindow.tobjects;
    },

    getWindowById: function (t) {
        var d = dhtmlwindow; //reference dhtml window object
        return dhtmlwindow.tobjects[t];
    },

    getContentFrame: function (t) {
        if (t.contentarea.datatype == "iframe") {
            return t.contentarea.firstChild;
        }
        else
            return null;
    },

    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,)
            return (config.test(attr)) ? parseInt(RegExp.$1) : 0 //return value portion (int), or 0 (false) if none found
        }
        if (document.getElementById(t) == null) //if window doesn't exist yet, create it
            t = this.init(t) //return reference to dhtml window div
        else
            t = document.getElementById(t)
        this.setfocus(t)
        t.setSize(getValue(("width")), (getValue("height"))) //Set dimensions of window
        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.titleVisible(getValue("titlevisible"))
        t.isResize(getValue("resize")) //Set whether window is resizable
        t.isScrolling(getValue("scrolling")) //Set whether window should contain scrollbars
        t.style.visibility = "visible"
        t.style.display = "block"
        t.contentarea.style.display = "block"
        t.title = title
        t.load(contenttype, contentsource, title)
        return t
    },

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

    moveTo: function (t, x, y) { //move window. Position includes current viewpoint of document
        this.getviewpoint() //Get current viewpoint numbers
        t.style.left = (x == "middle") ? this.scroll_left + (this.docwidth - t.offsetWidth) / 2 + "px" : this.scroll_left + parseInt(x) + "px"
        t.style.top = (y == "middle") ? this.scroll_top + (this.docheight - t.offsetHeight) / 2 + "px" : this.scroll_top + parseInt(y) + "px"
    },

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

    isScrolling: function (t, bol) { //set whether loaded content contains scrollbars
        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") {
            t.contentarea.innerHTML = document.getElementById(contentsource).innerHTML //Populate window with contents of specified div on page
            document.getElementById(contentsource).style.display = "none" //hide that div
        }
        else if (contenttype == "iframe") {
            t.contentarea.style.overflow = "hidden" //disable window scrollbars, as iframe already contains scrollbars
            if (!t.contentarea.firstChild || t.contentarea.firstChild.tagName != "IFRAME") //If iframe tag doesn't exist already, create it first
                t.contentarea.innerHTML = '<iframe src="" frameborder="0" style="margin:0; padding:0; width:100%; height: 100%" name="_iframe-' + t.id + '"></iframe>'
            window.frames["_iframe-" + t.id].location.replace(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
        this.standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body //create reference to common "body" across doctypes
        this.scroll_top = (ie) ? this.standardbody.scrollTop : holderExtents.top;
        this.scroll_left = (ie) ? this.standardbody.scrollLeft : holderExtents.left;
        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 = t.style.width //store last known width of window just before minimizing
    },

    move: function (t, e) {
        var ie = document.all;

        if (ie) {
            if (dhtmlwindow.distancex + dhtmlwindow.initx < 0)
                t.style.left = "0px"
            else
                t.style.left = dhtmlwindow.distancex + dhtmlwindow.initx + "px"
            if (dhtmlwindow.distancey + dhtmlwindow.inity < 0)
                t.style.top = "0px"
            else
                t.style.top = dhtmlwindow.distancey + dhtmlwindow.inity + "px"
        }
        else {
            if (dhtmlwindow.distancex + dhtmlwindow.initx < holderExtents.left)
                t.style.left = holderExtents.left + "px"
            else
                t.style.left = dhtmlwindow.distancex + dhtmlwindow.initx + "px";

            if (dhtmlwindow.distancey + dhtmlwindow.inity < holderExtents.top)
                t.style.top = holderExtents.top + "px"
            else
                t.style.top = dhtmlwindow.distancey + dhtmlwindow.inity + "px";
        }
    },

    resize: function (t, e) {
        t.style.width = Math.max(dhtmlwindow.width + dhtmlwindow.distancex, 150) + "px"
        t.contentarea.style.height = Math.max(dhtmlwindow.contentheight + dhtmlwindow.distancey, 100) + "px"
    },

    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)
        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[1])
        button.setAttribute("title", "Close")
        t.state = "fullview" //indicate the state of the window as being "fullview"
        t.style.display = "block"
        t.contentarea.style.display = "block"
        //t.statusarea.style.display="block" // right now we know we don't want a status bar, so don't show it
        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) {
        try {
            var closewinbol = t.onclose()
        }
        catch (err) { //In non IE browsers, all errors are caught, so just run the below
            alert(err)
            var closewinbol = true
        }
        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"
        }
        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"
        this.setfocus(t)
        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 in dhtmlwindow.tobjects) {
            dhtmlwindow.tobjects[i].handle._parent = dhtmlwindow.tobjects[i].resizearea._parent = dhtmlwindow.tobjects[i].controls._parent = null
        }
        window.onload = null
    },

    // Enable/Disable showing window titles on mouse over.
    setShowTitlesOnMouseOver: function (b) {
        for (var i in dhtmlwindow.tobjects) {
            dhtmlwindow.tobjects[i].showTitlesOnMouseOver = b;
        }
    }

} //End dhtmlwindow object

window.onunload=dhtmlwindow.cleanup