//Makes all columns the same height.
function fixColumnsHeights()
{
	var imgHeight = 33;
	var PADDING = 35;
	
	var highest = 0;
	
	var left1Element = document.getElementById("topLeftCol");
	var left2Element = document.getElementById("bottomLeftCol");
	var rightElement = document.getElementById("rightCol");
	var theRow = document.getElementById("theRow");
	
	var left1Height = left1Element.scrollHeight;
	var left2Height = left2Element.scrollHeight;
	var rightHeight = rightElement.scrollHeight;
	
	var rightSideBigger = true;
	var correction = 0;
	var highest = 0;
	//if the sum of the right columns and the image between them is more than we need to expand
	//the right column, if not, we need to expand the bottom left column
	if( (left1Height + left2Height + imgHeight) > rightHeight)
	{
		rightSideBigger = false;
		correction = (left1Height + left2Height + imgHeight) - rightHeight;
		highest = (left1Height + left2Height + imgHeight);
	}
	else
	{
		correction = rightHeight - (left1Height + left2Height + imgHeight);
		highest = rightHeight;
	}

	//First we make sure there's no scrolls.
	if(detectBrowser() == "Microsoft Internet Explorer")
	{
		left1Element.style.height = left1Height  + "px";
		left2Element.style.height = left2Height  + "px";
				
		if(rightSideBigger)
		{
			left2Element.style.height = left2Height + correction + "px";
		}
		else
		{
			rightElement.style.height = rightHeight + correction + "px";
		}
	}
	else
	{
		left1Element.style.setProperty("height",left1Height+"px","");
		left2Element.style.setProperty("height",left2Height+"px","");
		theRow.style.setProperty("height",highest+PADDING+"px","");
		
		if(rightSideBigger)
		{
			left2Element.style.setProperty("height",left2Height + correction + "px","");
		}
		else
		{
			rightElement.style.setProperty("height",rightHeight + correction + "px","");
		}
	}
}

/*	Detects the browser */
function detectBrowser()
{
	var browser=navigator.appName;
	return browser;
}
//#475764
function activate(id)
{
	var menuItem = document.getElementById(id);
	
	if(detectBrowser() == "Microsoft Internet Explorer")
	{
		menuItem.style.backgroundColor = "white";
	}
	else
	{
		menuItem.style.setProperty("background-color","white","");
	}
}

function fixMenuItems()
{
	var parent = document.getElementById("nav");
	var menuItems = new Array();
	menuItems = parent.getElementsByTagName("div");
	
	var parent;
	var middle;
	var calculate = false;
	
	//Will have all menuItems with their 3 children: left, middle, right.
	//We want to make the size of the parent the real width of middle + left + right 
	for(i=0; i<menuItems.length; i++)
	{
		var menuItem = menuItems[i];
		
		if(menuItem.className == "menuItem") parent =  menuItems[i];
		
		if(menuItem.className == "middle")
		{
			middle =  menuItems[i];
			calculate = true;
		}
		
		
		if(calculate)
		{
			var targetLenght = 7 + middle.scrollWidth;
			

			if(detectBrowser() == "Microsoft Internet Explorer")
			{
				parent.style.width = targetLenght + "px";
			}
			else
			{
				parent.style.setProperty("width",targetLenght + "px","");
			}
			
			calculate = false;
		} 
	}
}

function fixHeadline()
{
	var holder = document.getElementById("title");
	var width = holder.scrollWidth;
	
	if(detectBrowser() == "Microsoft Internet Explorer")
	{
		holder.style.width = width + "px";
	}
	else
	{
		holder.style.setProperty("width",width + "px","");
	}
}