function addEvent(elm, evType, fn, useCapture)
{
	if (elm.addEventListener)
	{
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if (elm.attachEvent)
	{
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}
	else
	{
		elm['on' + evType] = fn;
	}
}

function addListeners()
{
	var links = document.getElementsByTagName('a');
	for (var i = 0; i < links.length; i++)
	{
		if (links[i].className == "more_info")
		{
			addEvent(links[i], 'click', expandBox, false);
		}
		if (links[i].id == "back_red" || links[i].id == "back_orange")
		{
			addEvent(links[i], 'click', compactBox, false);	
		}
	}
}

addEvent(window, 'load', addListeners, false);

function expandBox(e)
{
	var moreLink;
	if (window.event && window.event.srcElement)
	{	moreLink = window.event.srcElement;	}
	if (e && e.target)
	{	moreLink = e.target;	}
	if (!moreLink)
	{	return;	}
	
	var topP = moreLink.parentNode;
	var td = topP.parentNode;
	var tr = td.parentNode;
	var tbody = tr.parentNode;
	var table = tbody.parentNode;
	var div = table.parentNode;
	
	if (div.id == "box_red")
	{
		var backId = "back_red";
		var imgSmall = document.getElementById("small_img_red");
		var imgBig = document.getElementById("big_img_red");
		var tolLink = document.getElementById("tol");
		tolLink.className = "Blu";
		}
	if (div.id == "box_orange")
	{
		var backId = "back_orange";
		var imgSmall = document.getElementById("small_img_orange");
		var imgBig = document.getElementById("big_img_orange");
	}
	
	var backLink = document.getElementById(backId);
	
	moreLink.className = "inv";
	var ps = td.getElementsByTagName("p");
	for (var i = 0; i < ps.length; i++)
	{
		if (ps[i].className == "inv")
		{
			ps[i].className = "vis";
		}
		
	}
	imgSmall.className = "inv";
	imgBig.className = "big_vis";
	backLink.className = "back";
}

function compactBox(e)
{
	var backLink;
	if (window.event && window.event.srcElement)
	{	backLink = window.event.srcElement;	}
	if (e && e.target)
	{	backLink = e.target;	}
	if (!backLink)
	{	return;	}
	
	var bottomP = backLink.parentNode;
	var td = bottomP.parentNode;
	var tr = td.parentNode;
	var tbody = tr.parentNode;
	var table = tbody.parentNode;
	var div = table.parentNode;
		
	if (div.id == "box_red")
	{
		var moreId = "more_info_red";
		var imgSmall = document.getElementById("small_img_red");
		var imgBig = document.getElementById("big_img_red");
	}
	
	if (div.id == "box_orange")
	{
		var moreId = "more_info_orange";
		var imgSmall = document.getElementById("small_img_orange");
		var imgBig = document.getElementById("big_img_orange");
	}
	
	var moreLink = document.getElementById(moreId);
	
	
	var ps = td.getElementsByTagName("p");
	for (var i = 0; i < ps.length; i++)
	{
		if (ps[i].className == "vis")
		{
			ps[i].className = "inv";
		}
		
	}
	imgSmall.className = "small_vis";
	imgBig.className = "inv";
	moreLink.className = "more_info";
}