var oContentArea = null;
var sRootPath = null;
var bHasScrollStyle = false;

function initialize() {
    oContentArea = document.getElementById("contentarea");
    initializeContentArea();
}

function initializeContentArea() {
    sRootPath = oContentArea.data.replace(/[^\/]*$/, "");

    // Check if object has scrollbar with changeable style.
    if ((oContentArea.body != null)
     && (oContentArea.body.scroll != null)) {
	bHasScrollStyle = true;
    }

    setContentAreaStyle();
}

// Set style for object tag.
function setContentAreaStyle() {
    if (bHasScrollStyle) {
	if ((oContentArea.body != null)
	 && (oContentArea.body.scroll != null)) {
	    bHasScrollStyle = true;
	    oContentArea.body.scroll = "auto";
	    oContentArea.body.style.scrollbarFaceColor = "#005A9C";
	    oContentArea.body.style.scrollbarArrowColor = "#005A9C";
	    oContentArea.body.style.scrollbarTrackColor = "#005A9C";
	    oContentArea.body.style.scrollbarShadowColor = "#005A9C";
	    oContentArea.body.style.scrollbarHighlightColor = "#005A9C";
	    oContentArea.body.style.scrollbar3dlightColor = "#005A9C";
	    oContentArea.body.style.scrollbarDarkshadowColor = "#005A9C";
	} else {
	    setTimeout("setContentAreaStyle();", 10);
	}
    }
}

function openContent(page) {
    var oClone = oContentArea.cloneNode(true);
    oClone.data = sRootPath + page + ".html";

    var oPlaceHolder = document.getElementById("contentholder");
    oPlaceHolder.removeChild(oContentArea);
    oPlaceHolder.appendChild(oClone);
    oContentArea = oClone;

    setContentAreaStyle();
    return false;
}