// JavaScript Document

	//my own getElementsByClass based on getElementsByTagName
function getElementsByClass(searchClass, tag) {
	if (tag=='') tag='*';
	
	var classElements = new Array();
	var els = document.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
	}


function centerContent() {
	var winW=document.documentElement.clientWidth;
	var cntntLeft = (winW-775)/2 + 'px';  //775 = width of div.content
	
		//array of <div class=content>s for entire document
	var the_cntnts=getElementsByClass("cntnt", 'div');
	var cntntsNum = the_cntnts.length;	//number of elements in the_contents array
	
	for(var n=0; n<cntntsNum; n++) the_cntnts[n].style.marginLeft=cntntLeft;
	}


/* The column divs are position:absolute so the <div class='cntnt'> wrapper thinks they have
zero height.  The following JS fixes that dynamically. It must run after the div is painted. */
function setColumnHeight() {
	var columnH = document.getElementById("lcID").clientHeight;
	var mcH = document.getElementById("mcID").clientHeight;
	var rcH = document.getElementById("rcID").clientHeight;
	
	if(mcH>columnH) columnH = mcH;
	if(rcH>columnH) columnH = rcH;
	columnH=columnH + 'px';
	
	// OK,transfer the overall column height to the <div class='cntnt'> that wraps it.
	document.getElementById("columnsID").style.height=columnH;
	}