// JavaScript Document
function maxHeight(h1,h2,h3) {
	var maxH = (h1 > h2)? h1 : h2;
	maxH = (maxH > h3)? maxH : h3;
	return maxH;	
}
function thetablefunc() {
	var table1 = document.getElementById('table1').getElementsByTagName('tr');
	var table2 = document.getElementById('table2').getElementsByTagName('tr');
	var table3 = document.getElementById('table3').getElementsByTagName('tr');

	//alert(table1[0].offsetHeight + '- ' + table2[0].offsetHeight + '- ' + table3[0].offsetHeight);
	for(var i = 0; i < table1.length; i ++) {
		
		var maxH = maxHeight(table1[i].offsetHeight,table2[i].offsetHeight,table3[i].offsetHeight);
		//alert(table1[i].offsetHeight + ' ' + table2[i].offsetHeight + ' ' + table3[i].offsetHeight + ' ' + maxHeight(table1[i].offsetHeight,table2[i].offsetHeight,table3[i].offsetHeight));
		table1[i].style.height = maxH + "px";
		table2[i].style.height = maxH + "px";
		table3[i].style.height = maxH + "px";	
	}
	document.getElementById('scrolling').style.left = parseInt(document.getElementById('table1').offsetWidth) + 'px';
	document.getElementById('cover2').style.left = parseInt(document.getElementById('table1').offsetWidth)-7 + 'px';
	document.getElementById('bottom').style.left = parseInt(document.getElementById('table1').offsetWidth)+1 + 'px';
	document.getElementById('bottom').style.width =  parseInt(document.getElementById('scrolling').offsetWidth) - 16 + 'px';
	document.getElementById('cover4').style.left = parseInt(document.getElementById('table1').offsetWidth)-7 + 'px';
	document.getElementById('top').style.left = parseInt(document.getElementById('table1').offsetWidth)+1 + 'px';
	document.getElementById('top').style.width =  parseInt(document.getElementById('scrolling').offsetWidth) - 16 + 'px';

	var posLeft = parseInt(document.getElementById('table1').offsetWidth) + parseInt(document.getElementById('scrolling').offsetWidth) - 16;
	document.getElementById('table3').style.left = posLeft + 'px';
	document.getElementById('cover').style.left = posLeft-1 + 'px';
	document.getElementById('cover3').style.left = posLeft-23 + 'px';
	
	//alert(posLeft);
}
onresize = function () {
	//alert('resized');
	var posLeft = parseInt(document.getElementById('table1').offsetWidth) + parseInt(document.getElementById('scrolling').offsetWidth) - 16;
	if(posLeft + 'px' != document.getElementById('table3').style.left) {
		thetablefunc();
	}
}