/*
Fix IE css bug: IE ignores combinations of left/right and top/bottom.

This script tries to mimick Firefox as close as possible.

Changes:

20-8-2006: 
- Initial version

23-8-2006: 
- Dropped necessity to add class stretch
- Dropped necessity to use inline styles (looks at currentStyle)
- Now works on all elements that have:
	* position: absolute
	* display: block
	* left and right in pixels (other units will follow) and width = auto OR
	* top and bottom in pixels (other units will follow) and height = auto

11-09-2006:
- Only triggers on explorer for windows (read navigator object)	

TODO: IFRAMEs Automatically get a width and height in pixels, this makes it hard to
determine wether an iframe should be included. At the moment an Iframe is included when 
position = absolute and display = block.				

*/

strRun();

function strRun()
{	
	
	if ((navigator.appName.match("Explorer")) && (navigator.platform.match("Win"))) {
		var oldOnload = window.onload;
		if (typeof(window.onload) != "function")
		{
			window.onload = initStretch;
		}
		else
		{
			window.onload = function()
			{
				oldOnload();
				initStretch();
			}
		}
	}
}

var vDivs;
var hDivs;

// matches a size measured in pixels (can be extended to include other units)
re = new RegExp("[0-9]*px", "i");

function initStretch()
{	
	// should automatically add body.height = 100%!!!!
	
	//var divs = elementsByTag('*');
	var divs = strElementsByTag('*');

	hDivs = new Array();
	vDivs = new Array();
	
	for (var i=0; i < divs.length; i++) {
		if ((divs[i].currentStyle.position == "absolute") && (divs[i].currentStyle.display == "block")) {
			
			if ((divs[i].nodeName == "IFRAME") || ((divs[i].currentStyle.left.match(re)) && (divs[i].currentStyle.right.match(re)) && (divs[i].currentStyle.width == "auto")))
			{
				hDivs[hDivs.length] = divs[i];
			}
			
			if ((divs[i].nodeName == "IFRAME") || ((divs[i].currentStyle.top.match(re)) && (divs[i].currentStyle.bottom.match(re)) && (divs[i].currentStyle.height == "auto")))
			{
				vDivs[vDivs.length] = divs[i];
			}
		}
	} 

	window.onresize = strRefresh;
	setTimeout(strRefresh, 100);
}

function strRefresh()
{
	var bodyWidth = document.body.clientWidth;
	var bodyHeight = document.body.clientHeight;

	for (var i=0; i < hDivs.length; i++) {
		var div = hDivs[i];

		// calculate and assign new width
		if (div.parentNode.tagName == "BODY") {
			var newWidth = bodyWidth - (parseInt(div.currentStyle.left) + parseInt(div.currentStyle.right));
		} else {
			var newWidth = parseInt(div.parentNode.style.width) - (parseInt(div.currentStyle.left) + parseInt(div.currentStyle.right));
		}
		
		if (newWidth >= 0) { div.style.width = newWidth + "px"; }
	}
	
	for (var i=0; i < vDivs.length; i++) {
		var div = vDivs[i];

		// calculate and assign new heigth		
		if (div.parentNode.tagName == "BODY") {
			var newHeight = bodyHeight - (parseInt(div.currentStyle.top) + parseInt(div.currentStyle.bottom));
		} else {
			var newHeight = parseInt(div.parentNode.currentStyle.height) - (parseInt(div.currentStyle.top) + parseInt(div.currentStyle.bottom));
		}
		
		if (newHeight >= 0) { div.style.height = newHeight + "px"; }
	}
}

function strElementsByTag(tagString)
{
	if (document.getElementsByTagName)
		return document.getElementsByTagName(tagString);
	else if (document.all)
		return document.all.tags(tagString);
	else return;
}