MerkBoxResizer = function () {
	// bind the events to all the corresomnding IDs
	if (!document.getElementsByTagName) return false;
	var x = document.getElementsByTagName("div");
	for (var i = 0; i < x.length; i++) {
		if (x[i].id == "submenu") {
			alignSubmenuToContentBox(x[i]);
		}
	}
}

function alignSubmenuToContentBox(submenuBox){
	var maxSize = submenuBox.offsetHeight;
	var contentBox = document.getElementById("content2");
	
	// determine the largest height of the row
	if (contentBox.offsetHeight > maxSize){
		maxSize = contentBox.offsetHeight;
	}
	
	// and make em all just as high (compensate with current padding)
	submenuBox.style.height = (maxSize - 73) + "px";
	contentBox.style.height = (maxSize) + "px";
}

/*function alignSiblingContentBoxes(currentBox){
	var maxSize = 0;
	var box = currentBox;
	
	// determine the largest height of the row
	while (box != null){
		if (box.offsetHeight > maxSize){
			maxSize = box.offsetHeight;
		}
		box = box.nextSibling;
	}
	
	// and make em all just as high
	box = currentBox;
	while (box != null){
		box.style.height = maxSize + "px";
		box = box.nextSibling;
	}
	
	// scale the submenu box (compensate with current padding)
	var submenuBox = document.getElementById("submenu");
	submenuBox.style.height = (maxSize - 103) + "px";
}*/