function Div(divId)
{       this.id = divId;
        this.alias = (document.getElementById) ? document.getElementById(this.id).id 
                : (document.layers) ? findLayerAlias(this.id) : new String("document.all." + this.id);
        this.styleAlias = (document.getElementById || document.all) ? this.alias + ".style" : this.alias;
        this.documentObject = (document.getElementById) ? document.getElementById(this.id) : eval(this.alias);
        this.styleObject = (document.getElementById) ? this.documentObject.style : eval(this.styleAlias);
                
        // for Netscape 4.x: finds a nested layer object                
        function findLayerAlias(name, docAlias) 
        {       var i, layer, docLayers, layerAlias;
                if(!docAlias) docAlias = "document";
                docLayers = eval(docAlias + ".layers");
                for(i = 0; i < docLayers.length; i++) 
                {       layerAlias = docAlias + ".layers." + docLayers[i].name;
                        layer = eval(layerAlias);
                        if(layer.name == name) return layerAlias;
                        if(layer.document.layers.length > 0) 
                        {       layerAlias = findLayerAlias(name, layerAlias + ".document");
                                if(layerAlias != null) return layerAlias;
                        }
                }
                return null;
        }
        
        return this;
}


Div.prototype.getId = function()
{       return this.id;
}


Div.prototype.getAlias = function()
{       return this.alias;
}


Div.prototype.getStyleAlias = function()
{       return this.styleAlias;
}


Div.prototype.getDocumentObject = function()
{       return this.documentObject;
}


Div.prototype.getStyleObject = function()
{       return this.styleObject;
}


Div.prototype.isVisible = function()
{       return (this.styleObject.visibility == "visible" || this.styleObject.visibility == "show");
}


Div.prototype.setVisible = function(bool)
{       this.styleObject.visibility = (document.layers) ? ((bool) ? "show" : "hide") : ((bool) ? "visible" : "hidden");
}


Div.prototype.getLeft = function()
{       return (document.getElementById) ? (document.all || !this.documentObject.parentNode)
                ? this.documentObject.offsetLeft : (this.documentObject.offsetLeft - this.documentObject.parentNode.offsetLeft) 
                        : (document.all) ? this.styleObject.pixelLeft : this.styleObject.left;
}


Div.prototype.setLeft = function(x)
{       if(!isNaN(x)) 
        {       if(document.getElementById)
                        this.styleObject.left = new String(x + "px");
                else this.styleObject.left = x;
        }
}


Div.prototype.getTop = function()
{       return (document.getElementById) ? (document.all || !this.documentObject.parentNode)
                ? this.documentObject.offsetTop : (this.documentObject.offsetTop - this.documentObject.parentNode.offsetTop) 
                        : (document.all) ? this.styleObject.pixelTop : this.styleObject.top;
}


Div.prototype.setTop = function(y)
{       if(!isNaN(y)) 
        {       if(document.getElementById)
                        this.styleObject.top = new String(y + "px");
                else this.styleObject.top = y;
        }
}


Div.prototype.getRight = function()
{       return (this.getLeft() + this.getWidth());
}


Div.prototype.setRight = function(x)
{       if(!isNaN(x)) this.setLeft(x - this.getWidth());
}


Div.prototype.getBottom = function()
{       return (this.getTop() + this.getHeight());
}


Div.prototype.setBottom = function(y)
{       if(!isNaN(y)) this.setTop(y - this.getHeight());
}


Div.prototype.getHeight = function()
{       return (document.getElementById) ? this.documentObject.offsetHeight
                : (document.all) ? (this.styleObject.pixelHeight) ? this.styleObject.pixelHeight
                        : eval("document.all." + this.id + ".clientHeight") : this.styleObject.clip 
                                ? (this.styleObject.clip.bottom - this.styleObject.clip.top)
                                        : (this.documentObject.height) ? this.documentObject.height : -1;
}


Div.prototype.setHeight = function(newHeight)
{       if(!isNaN(newHeight))
        {       if(document.getElementById) this.styleObject.height = new String(newHeight + "px");
                else if(document.all) this.styleObject.pixelHeight = newHeight;
                else this.styleObject.clip.bottom += (newHeight - this.getHeight());
        }
}


Div.prototype.getWidth = function()
{       return (document.getElementById) ? this.documentObject.offsetWidth
                : (document.all) ? (this.styleObject.pixelWidth) ? this.styleObject.pixelWidth
                        : eval("document.all." + this.id + ".clientWidth") : this.styleObject.clip 
                                ? (this.styleObject.clip.right - this.styleObject.clip.left)
                                        : (this.documentObject.width) ? this.documentObject.width : -1;
}


Div.prototype.setWidth = function(newWidth)
{       if(!isNaN(newWidth))
        {       if(document.getElementById) this.styleObject.width = new String(newWidth + "px");
                else if(document.all) this.styleObject.pixelWidth = newWidth;
                else this.styleObject.clip.right = newWidth;
        }
}


Div.prototype.getClip = function()
{       // clip could be defined but null in Mac IE 4.5
        if(this.styleObject.clip && this.styleObject.clip != null)
        {       if((document.getElementById || document.all) && (this.styleObject.clip.length > 0))
                        return Clip.parseClip(this.styleObject.clip);
                else return new Clip(this.styleObject.clip.top, this.styleObject.clip.right, this.styleObject.clip.bottom, this.styleObject.clip.left);
        }
        else return new Clip(0, this.getWidth(), this.getHeight(), 0);
}


Div.prototype.getClipTop = function()
{       cl = this.getClip();
        return cl.top;
}


Div.prototype.getClipRight = function()
{       cl = this.getClip();
        return cl.right;
}


Div.prototype.getClipBottom = function()
{       cl = this.getClip();
        return cl.bottom;
}


Div.prototype.getClipLeft = function()
{       cl = this.getClip();
        return cl.left;
}


Div.prototype.getClipHeight = function()
{       cl = this.getClip();
        return (cl.bottom - cl.top);
}


Div.prototype.getClipWidth = function()
{       cl = this.getClip();
        return (cl.right - cl.left);
}


Div.prototype.setClip = function(newClip)
{       clipObj = (typeof newClip == "string") ? Clip.parseClip(newClip) : newClip;
        
        if(document.getElementById || document.all)
                this.styleObject.clip = clipObj.toString();
        else
        {       this.documentObject.clip.top = clipObj.top;
                this.documentObject.clip.right = clipObj.right;
                this.documentObject.clip.bottom = clipObj.bottom;
                this.documentObject.clip.left = clipObj.left;
        }
}


Div.prototype.moveTo = function(x, y)
{       this.setLeft(x);
        this.setTop(y);
}


Div.prototype.moveBy = function(dx, dy)
{       this.moveTo((this.getLeft() + dx), (this.getTop() + dy));
}


Div.prototype.getZIndex = function()
{       zi = parseInt(this.styleObject.zIndex);
        return (!isNaN(zi)) ? zi : -1;
}


Div.prototype.setZIndex = function(z)
{       if(!isNaN(z)) this.styleObject.zIndex = z;
}


Div.prototype.isAbove = function(anotherDiv)
{       return (this.getZIndex() > anotherDiv.getZIndex());
}


Div.prototype.isBelow = function(anotherDiv)
{       return (this.getZIndex() < anotherDiv.getZIndex());
}


Div.prototype.moveAbove = function(anotherDiv)
{       this.setZIndex(anotherDiv.getZIndex() + 1);
}


Div.prototype.moveBelow = function(anotherDiv)
{       this.setZIndex(anotherDiv.getZIndex() - 1);
}


Div.prototype.getContent = function()
{       return (document.all) ? eval("document.all." + this.id + ".innerHTML") 
                : (this.documentObject.innerHTML) ? this.documentObject.innerHTML : new String("");
}


Div.prototype.setContent = function(str)
{       if(document.all)
                eval("document.all." + this.id + ".innerHTML = str;");
        else
        {       // even if NS 4, store the text as innerHTML for later retrieval by getContent()        
                this.documentObject.innerHTML = str;
                        
                if(document.layers)
                {       thisDoc = this.documentObject.document;
                        thisDoc.open();
                        thisDoc.write(this.getContent());
                        thisDoc.close();
                }
        }
}


Div.prototype.getForm = function(frmName)
{       frmArray = (document.getElementById || document.all) ? document.forms : this.documentObject.document.forms;
        return (frmArray != null && frmArray.length > 0) ? frmArray[frmName] : null;
}


Div.prototype.getImage = function(imgName)
{       imgArray = (document.getElementById || document.all) ? document.images : this.documentObject.document.images;
        return (imgArray != null && imgArray.length > 0) ? imgArray[imgName] : null;
}


Div.prototype.getColor = function()
{       return (document.getElementById || document.all) ? this.styleObject.color : this.documentObject.document.fgColor;
}


Div.prototype.setColor = function(newColor)
{       if(document.getElementById || document.all) this.styleObject.color = newColor;
        else this.documentObject.document.fgColor = newColor;
}


Div.prototype.getBackgroundColor = function()
{       return (document.getElementById || document.all) ? this.styleObject.backgroundColor 
                : (this.documentObject.document.bgColor) ? this.documentObject.document.bgColor : new String("");
}


Div.prototype.setBackgroundColor = function(color)
{       if(typeof color == "string")
        {       if(document.getElementById || document.all) this.styleObject.backgroundColor = color;
                else this.documentObject.document.bgColor = color;
        }
}


Div.prototype.getBackgroundImage = function()
{       return (document.getElementById || document.all) ? this.styleObject.backgroundImage : this.documentObject.document.background ? this.documentObject.document.background.src : new String("");
}


Div.prototype.setBackgroundImage = function(newImage)
{       strImgName = (newImage.constructor == Image) ? newImage.src : newImage;
        
        if(typeof strImgName == "string")
        {       if(document.getElementById || document.all) this.styleObject.backgroundImage = "url(" + strImgName + ")";
                else 
                {       if(!this.documentObject.document.background || this.documentObject.document.background == null)
                                this.documentObject.document.background = new Image();
                        
                        this.documentObject.document.background.src = strImgName;
                }
        }
}


Div.prototype.toString = function()
{       return "[object Div {id:\"" + this.getId() + "\" alias:\"" + this.getAlias() + "\" styleAlias:\"" + this.getStyleAlias() + "\" documentObject:{" + this.documentObject.toString() + "} styleObject:{" + this.styleObject.toString() + "}}]";
}


function Clip(top, right, bottom, left)
{       // calling parseInt() strips off the trailing "px", if any
        this.top = parseInt(top);
        this.right = parseInt(right);
        this.bottom = parseInt(bottom);
        this.left = parseInt(left);
        return this;
}


Clip.parseClip = function(strClip)
{       if(strClip.indexOf("(") != -1 && strClip.indexOf(")") != -1)
        {       // store variable for compatability with Mac NS 4.06 object bug
                spl = new String(strClip.substring(strClip.indexOf("(") + 1, strClip.indexOf(")")));
                clipVals = spl.split(" ");
                if(clipVals.length == 4) return new Clip(clipVals[0], clipVals[1], clipVals[2], clipVals[3]);
        }
        
        return null;
}


Clip.prototype.toString = function()
{       strPx = (document.getElementById || document.layers) ? "px" : "";
        return "rect(" + this.top + strPx + " " + this.right + strPx + " " + this.bottom + strPx + " " + this.left + strPx + ")";
}