function getStyleOf(elem, ref) {
  return (document.defaultView ? document.defaultView.getComputedStyle(elem,ref) : elem.currentStyle);
}
function getElements(containerId) {
	var container = document.getElementById(containerId);
	
	if(!container) {return false;}
	else {
	var boxes = container.getElementsByTagName('div');
	var toResize = new Array;	

	for(var i=0; i<boxes.length; i++) {
		try {
			var eFloat = getStyleOf(boxes[i], 0).getPropertyValue('float');
			var eMarginR = parseInt(getStyleOf(boxes[i], 0).getPropertyValue('margin-right'));
			var eMarginL = parseInt(getStyleOf(boxes[i], 0).getPropertyValue('margin-left'));
		} catch (e) {
			/* Internet Explorer 7 */
			var eFloat = boxes[i].currentStyle.styleFloat;
			var eMarginR = boxes[i].currentStyle.marginRight;
			var eMarginL = boxes[i].currentStyle.marginLeft;
		}

		if(eFloat != 'none') {
			try {
				var eWidth = parseInt(getStyleOf(boxes[i], 0).getPropertyValue('width'));
			} catch (e) {
				/* Internet Explorer 7 */
				var eWidth = boxes[i].currentStyle.width;
			}
			
			toResize[0] = boxes[i];
		}
		
		
		function compareMargins(eMarginR,eMarginL) {
			if(eMarginR > eMarginL) { return eMarginR; }
			else { return eMarginL; }
		}
		
		eMargin = compareMargins(eMarginR,eMarginL);
	

		if((boxes[i].getAttribute('id') == 'boxes') || (boxes[i].getAttribute('id') == 'customBox_2')) {
			toResize[1] = boxes[i];		
			break;
		}
	}

	return toResize;	
	}
}
function getHeights(elementsArray) {
	var boxHeights = new Array;
	try {
		boxHeights[0] = parseInt(getStyleOf(elementsArray[0], 0).getPropertyValue('height'));
		boxHeights[1] = parseInt(getStyleOf(elementsArray[1], 0).getPropertyValue('height'));
	} catch (e) {
			/* Internet Explorer 7 */
			if(elementsArray[0]) {
			boxHeights[0] = elementsArray[0].offsetHeight;
			boxHeights[1] = elementsArray[1].offsetHeight;
		}
		}


	return boxHeights;
}
function removeTextNodes(nodeContainer) {
	
		for(var i=0;i<nodeContainer.childNodes.length;i++) {
			if(nodeContainer.childNodes[i].nodeType == 3) {
				nodeContainer.removeChild(nodeContainer.childNodes[i]);
			}
		}
}
function resizeBoxes(heightsArray,elementsArray) {
	if(heightsArray[0] > heightsArray[1]) {
		elementsArray[1].style.height = heightsArray[0] + 'px';	
		
		try {	
			var countedHeight = parseInt(elementsArray[1].style.height);
		}  catch (e) {
			/* Internet Explorer 7 */
			var countedHeight = elementsArray[1].currentStyle.height;
		}

		removeTextNodes(elementsArray[1]);
		
		var subboxesHeight = countSubboxes(elementsArray[1]);
		//fixLastBoxHeight(subboxesHeight,countedHeight,elementsArray[1]);
	}
	else {
		if(elementsArray[0]) {
		elementsArray[0].style.height = heightsArray[1] + 'px';
		try {	
			var countedHeight = parseInt(elementsArray[0].style.height);
		}  catch (e) {
			/* Internet Explorer 7 */
			var countedHeight = elementsArray[0].currentStyle.height;
		}
		removeTextNodes(elementsArray[0]);
		
		var subboxesHeight = countSubboxes(elementsArray[0]);
		//fixLastBoxHeight(subboxesHeight,countedHeight,elementsArray[0]);
	}
	}
}
function countSubboxes(boxesContainer) {
		
		var subboxesHeight = 0;
	
		for(var i=0;i<boxesContainer.childNodes.length - 1;i++) {
			if(boxesContainer.childNodes[i].nodeName == 'DIV') {
				try {
					var a = parseInt(getStyleOf(boxesContainer.childNodes[i], 0).getPropertyValue('height'));
				} catch (e) {
					/* Internet Explorer 7 */
					var a = boxesContainer.childNodes[i].currentStyle.height;
				}

				subboxesHeight += a;
			}
		}
		return subboxesHeight;
}
function fixLastBoxHeight(subboxesHeight,containerHeight, container) {
		//alert('container height: ' + containerHeight + ', subboxes height: ' +subboxesHeight);
		container.lastChild.style.height = containerHeight - subboxesHeight + 'px';
		//alert('lastBox height: ' + container.lastChild.style.height);
}
function tableEmul(containerId) {
	var a = getElements(containerId);
	var b = getHeights(a);
	resizeBoxes(b,a);
}



function hideUnused() {
	var container = document.getElementById('boxes');

	if(container) {
	var boxes = container.getElementsByTagName('div');
	for(var i=0;i<boxes.length;i++) {
		if(boxes[i].className == 'wrapper_top') {
			if((boxes[i].childNodes.length < 2) && (boxes[i].childNodes[0].nodeType == 3)) {
				boxes[i].style.display = 'none';
				}
			}

		}
	}

}