window.onload = function() { initChangeSectorImage(); };

var sectorImage = null;
var rollovers = null;
var sectorImages = new Array();

function initChangeSectorImage()
{
	rollovers = getElementsByClassName("rollover");
	sectorImage = document.getElementById("sectorImage");
	
	for (var i=0; i<rollovers.length; i++)
	{
		var n = rollovers[i];
		if (n.firstChild != undefined && n.firstChild.nodeName == "IMG")
		{
			var src = n.firstChild.src;
			var extPos = src.lastIndexOf(".");
			var ext = src.substr(extPos);
			n.rollOverSrc = src.substr(0, extPos) + "b" + ext;
			n.normalSrc = src;
				
			var sectorPos = src.indexOf("sector_");
			var sectorImgSrc = src.substr(0, sectorPos) + "sector_images/" + src.substr(sectorPos);
			sectorImages[src] = document.createElement("img");
			sectorImages[src].src = sectorImgSrc;
			
			n.onmouseover = function ()
			{
				changeSectorImage(this.firstChild.src);
				this.firstChild.src = this.rollOverSrc;
			}
			n.onmouseout = function ()
			{
				sectorImage.src = "/img/home/img1.jpg";
				this.firstChild.src = this.normalSrc;
			}
		}
	}
}
function changeSectorImage(path)
{
	sectorImage.src = sectorImages[path].src;		
}


function getElementsByClassName(className, nodes)
{
	var foundNodes = new Array();
	if (nodes == undefined) nodes = document.childNodes;

	for (var i=0; i<nodes.length; i++)
	{
		var n = nodes[i];

		if (n.className == className)
			foundNodes.push(n);
	
		if (n.childNodes.length > 0)
			foundNodes = foundNodes.concat(getElementsByClassName(className, n.childNodes));
	}
	
	return foundNodes;
}