window.onload = loadScreen;

function loadScreen() {
	
	//compare and correct heights of side panel and main content area
	compareHeights("main-content", "panel", 0);
	
	addGreenPattern();
}

function addGreenPattern()
{
	var d = document;
	var elemWrapper = d.getElementById("wrapper");
	var placeholder = d.getElementById("center-stage");
	var patternLeft = d.createElement("DIV");
	patternLeft.setAttribute("id","pattern-left");
	elemWrapper.appendChild(patternLeft);
	//elemWrapper.insertBefore(patternLeft, placeholder);		
	setHeight("wrapper","pattern-left",178);
}

function setHeight(parentId, childId, offset)
{
	var d = document;
	var parent = d.getElementById(parentId);
	var child = d.getElementById(childId);	
	var parentHeight = parent.offsetHeight;	
	var childHeight = parentHeight - offset + "px";
	child.style.height = childHeight;	
}

function getHeight(elementId1, elementId2) {
	//set the elements
	var elem1 = document.getElementById(elementId1);
	var elem2 = document.getElementById(elementId2);
	
	//get the heights
	var elem1Height = elem1.offsetHeight;
	var elem2Height = elem2.offsetHeight;

	var elements = new Array();
	elements[0] = elem1Height;
	elements[1] = elem2Height;
	
	return elements;	
}

function compareHeights(elementId1, elementId2, offset) {
	
	//get heights for elements
	var elements = getHeight(elementId1, elementId2);
	
	//compare heights
	if(elements[0] <= elements[1]) {
		document.getElementById(elementId1).style.height = elements[1] - offset + 'px';
		//alert("elm1 " + elements[0] + " :: " + "elm2 " + elements[1]);
	}
}