var images = new Object();
images["Barton"] = new Image();
images["Barton"].src = "Images/barton-plant.jpg";
images["Boughton"] = new Image();
images["Boughton"].src = "Images/boughton-loam.jpg";
images["KenHall"] = new Image();
images["KenHall"].src = "Images/ken-hall.jpg";
images["Midland"] = new Image();
images["Midland"].src = "Images/midland.jpg";
images["PeterBennie"] = new Image();
images["PeterBennie"].src = "Images/peter-bennie.jpg";
images["BennieHistoric"] = new Image();
images["BennieHistoric"].src = "Images/bennie-historic.jpg";
images["Brackmills"] = new Image();
images["Brackmills"].src = "Images/brackmills.jpg";

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 getElement(e)
{
	var el;
	if (window.event && window.event.srcElement)
	{
		el = window.event.srcElement;
	}
	if (e && e.target)
	{
		el = e.target;
	}
	if (!el)
	{
		return false;
	}
	else
	{
		return el;
	}
}

function addListeners()
{
	var divs = document.getElementsByTagName("DIV");
	for (var i = 0; i < divs.length; i++)
	{
		if (divs[i].className == "block_links")
		{
			addEvent(divs[i], "mouseover", highlightHeader, false);
			addEvent(divs[i], "mouseout", removeHeaderHighlight, false);
		}
	}
	
}


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

function highlightHeader(e)
{
	var elm = getElement(e);
	var oDiv = navToDiv(elm);
	var hLink = navToHeaderLink(oDiv);
	hLink.style.color = "#FFFFFF";
	showImage(oDiv);
}

function removeHeaderHighlight(e)
{
	var elm = getElement(e);
	var oDiv = navToDiv(elm);
	var hLink = navToHeaderLink(oDiv);
	hLink.style.color = "#666666";
}

function navToDiv(elm)
{
	if (elm.parentNode.nodeName == "DIV")
	{
		return elm.parentNode;
	}
	else
	{
		return navToDiv(elm.parentNode);
	}
}

function navToHeaderLink(elm)
{
	var children = elm.childNodes;
	var headerLink = false;
	
	for (var i = 0; i < children.length; i++)
	{
		if (children[i].nodeName == "H2")
		{
			headerLink = children[i].firstChild;
		}
	}
	
	if (headerLink)
	{
		return headerLink;
	}
	else
	{
		return false;	
	}
}

function showImage(elm)
{
	var compImg = document.getElementById("company_image");
	compImg.src = images[elm.id].src;
}