// JavaScript for Visualminimal template

	function setHeight() {
	
		// To find the proper height for the body_container <div>
		var leftHeight = document.getElementById( 'left_col' ).offsetHeight;		
		var middleHeight = document.getElementById( 'middle_col' ).offsetHeight;				
		var rightHeight = document.getElementById( 'right_col' ).offsetHeight;
	
		var newHeight = Math.max(leftHeight, middleHeight, rightHeight); //Find the tallest div		
		
		//alert('Left: '+leftHeight+', Right: '+rightHeight+'NewHeight: '+newHeight);
		if (self.innerWidth)
		{
			var frameHeight = self.innerHeight;
		}
		else if (document.documentElement && document.documentElement.clientWidth)
		{
			var frameHeight = document.documentElement.clientHeight;
		}
		else if (document.body)
		{
			var frameHeight = document.body.clientHeight;
		}
			
		var windowHeight = frameHeight - 187 - document.getElementById( 'footer' ).offsetHeight;
			
		if(windowHeight > newHeight) {
			newHeight = windowHeight;
			//alert(newHeight);
		}
		
		if(newHeight) {
			if ((leftHeight > middleHeight) || (rightHeight > middleHeight)) {
				var rightCol = newHeight + 20;
				var middleCol = newHeight;
				var leftCol = newHeight + 20;
				var footerPos = newHeight + 205;				
			} else {
				var rightCol = newHeight + 40;
				var middleCol = newHeight;
				var leftCol = newHeight + 40;
				var footerPos = newHeight + 220;				
			}
		}

			document.getElementById( 'left_col' ).style.height= leftCol + 'px';
			document.getElementById( 'middle_col' ).style.height= middleCol + 'px';			
			document.getElementById( 'right_col' ).style.height= rightCol + 'px';
			document.getElementById( 'footer' ).style.top= footerPos + 'px';
	}
		
	window.onload = function() {
		setHeight();
	}
	
	window.onresize = function() {
		location.reload();
	}