function homePosCol(ColumnName, MatchColumn, Offset, BackGroundColor){
	var TargetColumn = getObj(ColumnName);
	var TargetMatch = getObj(MatchColumn);
	var NewHeight = 1;
	var NewHeight = TargetMatch.offsetHeight - Offset;
	TargetColumn.style.height = NewHeight+"px";
	TargetColumn.style.backgroundColor = BackGroundColor;
}
function posCol(ColumnName1, ColumnName2, ColumnName3, OffsetUp, OffsetDown, BackGroundColor){
	
	//checkHeights();
	var TargetColumn1 = getObj(ColumnName1);
	var TargetColumn2 = getObj(ColumnName2);
	var TargetColumn3 = getObj(ColumnName3);
	var TargetColumn4 = getObj('PillarColumnMiddle');
	
	if(TargetColumn1.offsetHeight>TargetColumn2.offsetHeight){
		//alert('1');
		var TallestColumn = getObj(ColumnName1);
	}else{
		//alert('2');
		var TallestColumn = getObj(ColumnName2);
	}
	
	var NewHeight = 1;
	
	if(TallestColumn.offsetHeight>TargetColumn3.offsetHeight){
		//alert('3');
		var NewHeight = TallestColumn.offsetHeight-(OffsetUp-OffsetDown);
		TargetColumn1.style.height = NewHeight+"px";
		//TargetColumn2.style.height = (NewHeight+OffsetUp)+"px";
		TargetColumn3.style.height = NewHeight+"px";
	}else{		
		//alert('4');
		var NewHeight = TargetColumn3.offsetHeight;
		TargetColumn1.style.height = NewHeight+"px";
		//TargetColumn2.style.height = (NewHeight+OffsetUp)+"px";
		TargetColumn3.style.height = NewHeight+"px";
	}
	TargetColumn1.style.backgroundColor = BackGroundColor;
	TargetColumn3.style.backgroundColor = BackGroundColor;

}

function checkHeights(){
	var TargetColumnCH1 = getObj('PillarColumnLeft');
	var TargetColumnCH2 = getObj('PillarColumnMiddle');
	var TargetColumnCH3 = getObj('PillarColumnMiddleContent');
	var TargetColumnCH4 = getObj('PillarColumnRight');
	alert(TargetColumnCH1.offsetHeight + " - " + TargetColumnCH2.offsetHeight + " - "  + TargetColumnCH3.offsetHeight + " - "  + TargetColumnCH4.offsetHeight);
}
function setColor(ObjName,BackGroundColor){
	var TargetObj = getObj(ObjName);
	TargetObj.style.backgroundColor = BackGroundColor;
}

function setNav(ObjName,BackGroundColor,NumOfTabs,NoneSelected){
	//set variables for
	var CorrectWidth = 764; 										//CORRECT TOTAL WIDTH
	var TargetClass = '#NavigationTop li';							//'UNSELECTED' LIST - NO CLASS DEFAULT STATE
	var TargetHomeClass = '#NavigationTop li.deSelHome';			//'UNSELECTED' HOME CLASS
	var TargetSelectedClass = '#NavigationTop li.Sel';				//'SELECTED' LIST CLASS
	var TargetSelectedHomeClass = '#NavigationTop li.SelHome';		//'SELECTED' HOME CLASS
	
	var TargetTab = getObj(ObjName);								//GET LAYER CONTAINING NAVIGATION
	TargetTab.style.backgroundColor = BackGroundColor;				//SET ITS BG COLOR
	var TabWidth = Math.round((CorrectWidth-NumOfTabs)/NumOfTabs);	//SET TAB WIDTH VALUE, CORRECT TOTAL WIDTH MINUS NUMBER OF TABS DIVIDED BY NUMBER OF TABS
	var TotalWidth = ((NumOfTabs*TabWidth)+NumOfTabs);			

	var Differance = (CorrectWidth - TotalWidth) + 1				//Calculate slack for last tab add 1 for right border size
	var CurTabWidth = TabWidth;

	for(i=1;i<=NumOfTabs;i++){
		targetTab = getObj('tab'+i);
		//alert(targetTab.className);
		if(i==NumOfTabs)
		{
			CurTabWidth = TabWidth+Differance; //Make last tab wider to take up the slack
		}
		if(targetTab.className == "Sel" || targetTab.className == "SelHome" )
		{
			targetTab.style.backgroundColor = BackGroundColor;
			targetTab.style.width = (CurTabWidth)+"px";
		}
		else
		{
			targetTab.style.width = (CurTabWidth)+"px";
		}
			
	}

}

function getObj(name){ 
	if (document.getElementById){
		return document.getElementById(name);
	}else if (document.all){
		return document.all[name];
	}else if (document.layers){
		return document.layers[name];
	}
}

function getStyle(el,styleProp){
	var x = document.getElementById(el);
	if (window.getComputedStyle)
		var y = window.getComputedStyle(x,null).getPropertyValue(styleProp);
	else if (x.currentStyle)
		var y = eval('x.currentStyle.' + styleProp);
	return y;
}