function setPage(pageNumber)
{
	var navRoot = document.getElementById("nav");
	var lis = navRoot.getElementsByTagName("li");

	if (pageNumber != 0)
	{
		lis[0].onmouseover = function()
		{
			cleanPage(0);
			cleanPage(1);
			cleanPage(6);
			cleanPage(7);
			cleanPage(14);
	    }
		lis[0].onmouseout = function()
		{
			restorePage(pageNumber);
			cleanPage(0);
		}	
	}
	if (pageNumber != 1)
	{
		lis[1].onmouseover = function()
		{
			cleanPage(0);
			restorePage(1);
			cleanPage(6);
			cleanPage(7);
			cleanPage(14);
	    }
		lis[1].onmouseout = function()
		{
			restorePage(pageNumber);
			cleanPage(1);
		}	
	}
	if (pageNumber != 6)
	{
		lis[6].onmouseover = function()
		{
			cleanPage(0);
			cleanPage(1);
			restorePage(6);
			cleanPage(7);
			cleanPage(14);
	    }
		lis[6].onmouseout = function()
		{
			restorePage(pageNumber);
			cleanPage(6);
		}	
	}
	if (pageNumber != 7)
	{
		lis[7].onmouseover = function()
		{
			cleanPage(0);
			cleanPage(1);
			cleanPage(6);
			restorePage(7);
			cleanPage(14);
	    }
		lis[7].onmouseout = function()
		{
			restorePage(pageNumber);
			cleanPage(7);
		}	
	}
	if (pageNumber != 14)
	{
		lis[14].onmouseover = function()
		{
			cleanPage(0);
			cleanPage(1);
			cleanPage(6);
			cleanPage(7);
			restorePage(14);
	    }
		lis[14].onmouseout = function()
		{
			restorePage(pageNumber);
			cleanPage(14);
		}	
	}
	
	if (pageNumber != 0)
	{
		restorePage(pageNumber);
	}
}

function restorePage(pageNumber)
{
	var navRoot = document.getElementById("nav");
	var lis = navRoot.getElementsByTagName("li");
	lis[pageNumber].className += " hover";
}

function cleanPage(pageNumber)
{
	var navRoot = document.getElementById("nav");
	var lis = navRoot.getElementsByTagName("li");
	lis[pageNumber].className = lis[pageNumber].className.replace("hover","");
}