function addMainHoverNavBehavior(context)
{

	for(var i=0; i < context.childNodes.length; i++)
	{
		var n = context.childNodes[i];
		var hoverNavArr = new Array(3);
		if(n.nodeName == "LI")
		{
			var hoverNav = new MainHover(n);

		}
	}

}

function MainHover(context)
{

	this.myInterval = null;
	this.context = context;
	this.navImg = document.getElementById("navImg");
	this.navImgLink = document.getElementById("navImg").parentNode;
	this.oldSrc = this.navImg.src;

	for(var i=0; i < this.context.childNodes.length; i++)
	{
		var n = this.context.childNodes[i];
		if(n.nodeName == "A")
		{

			for(var x =0; x < n.childNodes.length; x++)
			{
				var n2 = n.childNodes[x];
				if(n2.nodeName == "IMG")
				{
					this.imgHover = n2;
				}

			}
		}
	}



	var me = this;
	var List = new AddListener(this.context, "mouseover", function()
	{
		for(var i=0; i < me.context.parentNode.childNodes.length; i++)
		{
			var n = me.context.parentNode.childNodes[i];
			if(n.nodeName == "LI" && n!=me.context)
			{
				for(var i2=0; i2 < n.childNodes.length; i2++)
				{
					var n2 = n.childNodes[i2];
					if(n2.nodeName == "A")
					{
       						for(var i3=0; i3 < n2.childNodes.length; i3++)
						{
							var n3 = n2.childNodes[i3];
							if(n3.nodeName == "IMG")
							{
								n3.style.top = "0px";
						
								me.navImg.style.display = "none";
						
								me.navImg.onload = function()
								{
									this.style.display = "block";	
								}

								if(me.context.id == "home1")
								{
									me.navImgLink.href = "Data-Management.html";
									me.navImg.alt = "Data Management";
								}	
								else if(me.context.id == "home2")
								{
									me.navImgLink.href = "E-Commerce.html";
									me.navImg.alt = "E-Commerce";
								}
								else if(me.context.id = "home3")
								{
									me.navImgLink.href = "Eco-Tek-Initiative.html";
									me.navImg.alt = "Eco Tek Initiative";
								}

								me.navImg.src = "images/big_" + me.context.id + ".jpg";
							}
						}	
					}
				}
			}

		}

		me.myInterval = setInterval(function()
		{
			var top = me.imgHover.style.top.split("px", 1)[0];
			if(top <=-10)
			{
				clearInterval(me.myInterval);
				return;
			}
			else
			{
				me.imgHover.style.top = top-1+"px";
			}
		}, 10);	
		

	});

	

	var List2 = new AddListener(this.context, "mouseout", function()
	{
		clearInterval(me.myInterval);
	});


}

var AL = new AddListener(window, "load", function()
{ 
	addMainHoverNavBehavior(document.getElementById("homeNav"));
});