function _initPage()
{
	navRoot = document.getElementById("other-col");
	lis = navRoot.getElementsByTagName("div");
	_headline = document.getElementById("scroll-headline");
	_columns = document.getElementById("scroll-columns");
	long_scroll = document.getElementById("long-scroll");
	_max_width = 0;
	for (var i=0; i<lis.length; i++)
	{
		if (lis[i].className.indexOf("tr") != -1)
		{
			var _width = 59;
			var td = lis[i].getElementsByTagName("div");
			for (var j=0; j<td.length; j++)
			{
				_width += 59;
			}
			if (_max_width < _width + 11) _max_width = _width + 11;

			lis[i].style.width = _width + 11 + "px";
//			lis[i].style.width = 1000 + "px";
		}
	}
	long_scroll.style.width = _max_width + "px";
	_headline.style.width = _max_width + "px";
//	alert(_max_width);

	long_scroll.parentNode.onscroll = function()
	{
		navRoot.scrollLeft = this.scrollLeft;
		_columns.scrollLeft = this.scrollLeft;
	}
}
if (window.addEventListener)
	window.addEventListener("load", _initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", _initPage);

	dlis = new Array();
	olis = new Array();
var	_heights = [];
	

function click_initPage()
{
	_navRoot = document.getElementById("dimension-col");
	otherRoot = document.getElementById("other-col");
	_other = otherRoot.getElementsByTagName("div");

	_dlis = _navRoot.getElementsByTagName("div");
	_olis = otherRoot.getElementsByTagName("div");
	
	k = 0;
	for (var i=0; i<_dlis.length; i++)
	{
		if(_dlis[i].parentNode.id == "dimension-col")
		{
			dlis[k] = _dlis[i];
			dlis[k]._id = k;
			dlis[k].onclick = function()
			{
				clear_all();
				this.className += "";
				olis[this._id].className += "";
			}
			_heights[k] = dlis[k].offsetHeight;
			k++;
		}
	}

	k = 0;
	for (var i=0; i<_olis.length; i++)
	{
		if(_olis[i].parentNode.id == "other-col")
		{
			olis[k] = _olis[i];
			olis[k]._id = k;
			olis[k].onclick = function()
			{
				clear_all();
				this.className += "";
				dlis[this._id].className += "";
			}
			if(_heights[k])
			{
				var _elem = olis[k].getElementsByTagName('div');
				for(var j=0; j < _elem.length; j++)
				{
					_elem[j].style.height = _heights[k] - 12 + 'px';
				}
				var _elem = olis[k].getElementsByTagName('img');
				for(var j=0; j < _elem.length; j++)
				{
					_elem[j].style.paddingTop = (_heights[k])/2 - 15 + 'px';
				}
			}
			k++;
		}
	}

}

function clear_all()
{
	for (var i=0; i<olis.length; i++)
	{
		olis[i].className = olis[i].className.replace(" clicked", "");
	}	
	for (var i=0; i<dlis.length; i++)
	{
		dlis[i].className = dlis[i].className.replace(" clicked", "");
	}	
}

function resize_initPage()
{
	_table = document.getElementById("table");
	if (_table)
	{
		var _none = document.getElementById("dimension-col");
		if (!_none || _none.parentNode != _table)
		{
			_rows = _table.getElementsByTagName("div");
			for (var i=0; i<_rows.length; i++)
			{
				if(_rows[i].className.indexOf("tr") != -1)
				{
					var _mheight = 0;
					var _cols = _rows[i].getElementsByTagName("div")
					for (k = 0; k < _cols.length; k ++)
					{
						if(_cols[k].className.indexOf("td") != -1)
						{
							if(_mheight < _cols[k].offsetHeight)
							{
								_mheight = _cols[k].offsetHeight;
							}
						}
					}
					for (k = 0; k < _cols.length; k ++)
					{
						if(_cols[k].className.indexOf("td") != -1)
						{

							_flu_content = document.getElementById("content");
							_flu_div  =  _flu_content.getElementsByTagName("div");
							for (l = 0; l < _flu_div.length; l ++)
							{
								if (_flu_div[l].className == "flourecents")
								{
									_cols[k].style.height = _mheight  - 14 + "px";
									if(!(_cols[k].className.indexOf("dimension") != -1))
									{
										_cols[k].style.height = _mheight  - 16 + "px";
										_cols[k].style.paddingTop = (_mheight)/2 -1 + 'px';
									}
									_rows[i].style.height = _mheight + 6 +"px";
								}
							}
							for (l = 0; l < _flu_div.length; l ++)
							{
								if (_flu_div[l].className == "fabricationaids")
								{
									_cols[k].style.height = _mheight - 12 + "px";
									if(!(_cols[k].className.indexOf("dimension") != -1))
									{
										_cols[k].style.height = _mheight  - 12 + "px";
									//	_cols[k].style.lineHeight = _mheight  - 24 + "px";
									}
									_rows[i].style.height = _mheight +"px";
								}
							}

						}
					}
				}
			}
			
		}
	}
	

}



if (window.addEventListener)
	window.addEventListener("load", click_initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", click_initPage);
if (window.addEventListener)
	window.addEventListener("load", resize_initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", resize_initPage);