window.onload = function() {
	resizeCols();
	positionContainer();
}

window.onrefresh = function() {
	resizeCols();
}

window.onresize = function() {
	resizeCols();
	positionContainer();
}

function resizeCols() {
	if (document.getElementById('tmpl_left') && document.getElementById('tmpl_main') && document.getElementById('tmpl_right')) {
		var c1 	= document.getElementById('tmpl_left');
		var c2 	= document.getElementById('tmpl_main');
		var c3 	= document.getElementById('tmpl_right');
		var h 	= Math.max.apply(Math,Array(c1.offsetHeight,c2.offsetHeight,c3.offsetHeight));
		
		c1.style.height = c3.style.height = (h + 10) + 'px';
		c2.style.height = h + 'px';
	}
}

function getWindowWidth () {
	if (window.self && self.innerWidth) {
		return self.innerWidth;
	}
	if (document.documentElement && document.documentElement.clientWidth) {
		return document.documentElement.clientWidth;
	}
	return false;
}

function positionContainer () {
	var browserWidth 	= getWindowWidth();
	
	if (browserWidth !== false) {
		if (document.getElementById('tmpl_container')) {
			var div = document.getElementById('tmpl_container');
			if (browserWidth > 955) {
				div.className = 'tmpl_container';
			} else {
				div.className = 'tmpl_container_left_top';
			}
		}
	}
}