var leftAdded = 0;
var rightAdded = 0;

function refresh(size, left) { 
	try {
		var sizeToAdd = size;
		if (left) {
			if (rightAdded > leftAdded) sizeToAdd = size - (rightAdded - leftAdded);
			leftAdded += size;
		} else {
			if (leftAdded > rightAdded) sizeToAdd = size - (leftAdded - rightAdded);
			rightAdded += size;
		}
		if (sizeToAdd < 0) sizeToAdd = 0;
		// alert("size="+size+" sizeToAdd="+sizeToAdd+" leftAdded="+leftAdded+" rightAdded="+rightAdded);
		// enlarging the surrounding tables
		document.getElementById("rootTable").height = 1*document.getElementById("rootTable").height+sizeToAdd; 
		document.getElementById("columnLeft").height = 1*document.getElementById("columnLeft").height+sizeToAdd; 
		document.getElementById("columnRight").height = 1*document.getElementById("columnRight").height+sizeToAdd; 
		document.getElementById("columnTableLeft").height = 1*document.getElementById("columnTableLeft").height+sizeToAdd; 
		document.getElementById("columnTableRight").height = 1*document.getElementById("columnTableRight").height+sizeToAdd; 
		document.getElementById("outerCanvasLeft").height = 1*document.getElementById("outerCanvasLeft").height+sizeToAdd;
		document.getElementById("outerCanvasRight").height = 1*document.getElementById("outerCanvasRight").height+sizeToAdd;
		// smaller (650 based)
		document.getElementById("contentCellLeft").height = 1*document.getElementById("contentCellLeft").height+sizeToAdd; 
		document.getElementById("contentCellRight").height = 1*document.getElementById("contentCellRight").height+sizeToAdd; 
		// desire the screen refresh
		document.getElementById("root").style.display="block";
	} catch(e) {}
}

function details(id, target, where, size, left) {
	try { 
		// showing the hidden content
		document.getElementById(id).style.display="block";
		where.style.display="none";
		// make a screen refresh
		refresh(size, left);
	} catch(e) {
		if (target != null) document.location.href=target;
	}
}