//		<script type="text/javascript" language="javascript" >
//			$(document).ready(function(){
//				var mouseover = function(){ $(this).css("border", "1px solid #91A9CA").css("background-color", "#E4EEF8"); };
//				var mouseout  = function(){ $(this).css("border", "1px solid #F7F7F7").css("background-color", "#FFFFFF"); };
//				$('div.image-border').bind("mouseover", mouseover).bind("mouseout", mouseout);
//			});
//		</script>
//
//function init() {
//	//alert('test');
//	//$('div#content-right-bottom').css("border", "0px solid red");
//	//$('div#content-left').css("border", "0px solid blue");
//	$('div#content-right-bottom').css("height", "550px");
//	alert( $('div#content-right-bottom').offsetHeight );
//}


function setTall() {
	if (document.getElementById) {
		// the divs array contains references to each column's div element.  
		// Replace 'center' 'right' and 'left' with your own.  
		// Or remove the last one entirely if you've got 2 columns.  Or add another if you've got 4!
		var divs = new Array(document.getElementById('content-right-bottom'), document.getElementById('content-left'));
		
		// Let's determine the maximum height out of all columns specified
		var maxHeight = 300;
		for (var i = 0; i < divs.length; i++) {
			if (divs[i].offsetHeight > maxHeight) maxHeight = divs[i].offsetHeight;
		}
		
		// Let's set all columns to that maximum height
		for (var i = 0; i < divs.length; i++) {
			divs[i].style.height = maxHeight + 'px';

			// Now, if the browser's in standards-compliant mode, the height property
			// sets the height excluding padding, so we figure the padding out by subtracting the
			// old maxHeight from the new offsetHeight, and compensate!  So it works in Safari AND in IE 5.x
			if (divs[i].offsetHeight > maxHeight) {
				divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
			}
		}
		
		// Template tweak, remove heght of navcontainer-right
		if(document.getElementById('navcontainer-right').offsetHeight < 20){		
			document.getElementById('navcontainer-right').style.display = 'none';
		}
		divs[0].style.height = (divs[0].offsetHeight - document.getElementById('navcontainer-right').offsetHeight) + 'px';
		divs[0].style.height = (divs[0].offsetHeight - 45)  + 'px';
		
		// Template tweak, need to set content-container height value
		var newHeight = document.getElementById('content-right').offsetHeight;
		document.getElementById('content-container').style.height = newHeight + 'px';		
		
	}
}

function setFocus(){
	if ( window.document.contactform ) {
   		setFormFocus()
	}
}
function searchactive($obj) {
	$obj.className="search-textfield-active";
}
function searchinactive($obj) {
	$obj.className="search-textfield";
}
function mouseOverFeatureContent($obj) {
	$obj.style.cursor='pointer';
	$obj.title='Go to the Services Page';
}
function clickFeatureContent($obj) {
	location.href='/web-design/services/';	
}
window.onload = function() {	
	setFocus();
	setTall();
}

window.onresize = function() {
	setTall();
}
