/*************************
function alignMiddle(li)
*************************/

function alignMiddle(li)
{
	var div = li.getElementsByTagName('div').item(0);
	var li_Height=li.offsetHeight;
	if(div)
	{
		var div_Height=div.offsetHeight;
		var newMargin=(li_Height-div_Height)/2;

		div.style.marginTop=newMargin+'px';
	}
}

function displayDiv(li)
{
	var div = li.getElementsByTagName('div').item(0);
	if(div)
	{
		var div2 = div.getElementsByTagName('div').item(0);
		var p = div.getElementsByTagName('p').item(0);

		div.style.visiblity='hidden';
		div2.style.display='block';
		p.style.display='none';

		alignMiddle(li);
		div.style.visiblity='visible';
	}
}


function hideDiv(li)
{
	var div = li.getElementsByTagName('div').item(0);
	if(div)
	{
		var div2 = div.getElementsByTagName('div').item(0);
		var p = div.getElementsByTagName('p').item(0);

		div.style.visiblity='hidden';
		div2.style.display='none';
		p.style.display='block';

		alignMiddle(li);
		div.style.visiblity='visible';
	}
}

//window.onload=function()
function alignNav()
{
	var nav = document.getElementById('homeNav').getElementsByTagName('li');

	for(var i=0;nav.length>i;i++)
	{
		alignMiddle(nav.item(i));

		nav.item(i).onmouseover=function()
		{
			displayDiv(this);
		}

		nav.item(i).onmouseout=function()
		{
			hideDiv(this);
		}

	}
}

onLoadItems[onloadIndex]='alignNav';
onloadIndex++;