// JScript File in charge of menu functionality

//portfolio menu
function porfolioClick() 
{
	document.getElementById("menuPortfolio").className = "menuVisable";
	document.getElementById("menuMainPortfolio").className = "menuSelected";
	document.getElementById("menuPhotos").className = "menuHidden";
	document.getElementById("menuMainPhotos").className = "menuItem";
}
	//website submenu
	function websiteClick() 
	{
		document.getElementById("menuMain").className = "menuHidden";
		document.getElementById("menuWebsites").className = "menuVisable";
		document.getElementById("menuPortfolio").className = "menuFarLeft";
		document.getElementById("menuPortfolioWebsite").className = "menuSelected";
		
		document.getElementById("menuPortfolioGraphics").className = "menuItem";
		document.getElementById("menuPortfolioClients").className = "menuItem";
		document.getElementById("menuGraphics").className = "menuHidden";
		document.getElementById("menuClients").className = "menuHidden";
		
	}

	function websiteBackClick() 
	{
		document.getElementById("menuMain").className = "menuVisable";
		document.getElementById("menuWebsites").className = "menuHidden";
		document.getElementById("menuPortfolio").className = "";
		document.getElementById("menuPortfolioWebsite").className = "menuItem";
	}

	//graphics submenu
	function graphicsClick() 
	{
		document.getElementById("menuMain").className = "menuHidden";
		document.getElementById("menuGraphics").className = "menuVisable";
		document.getElementById("menuPortfolio").className = "menuFarLeft";
		document.getElementById("menuPortfolioGraphics").className = "menuSelected";
		
		document.getElementById("menuPortfolioWebsite").className = "menuItem";
		document.getElementById("menuPortfolioClients").className = "menuItem";
		document.getElementById("menuWebsites").className = "menuHidden";
		document.getElementById("menuClients").className = "menuHidden";
	}

	function graphicsBackClick() 
	{
		document.getElementById("menuMain").className = "menuVisable";
		document.getElementById("menuGraphics").className = "menuHidden";
		document.getElementById("menuPortfolio").className = "";
		document.getElementById("menuPortfolioGraphics").className = "menuItem";
	}

	//clients submenu
	function clientsClick() 
	{
		document.getElementById("menuMain").className = "menuHidden";
		document.getElementById("menuClients").className = "menuVisable";
		document.getElementById("menuPortfolio").className = "menuFarLeft";
		document.getElementById("menuPortfolioClients").className = "menuSelected";
		
		document.getElementById("menuPortfolioWebsite").className = "menuItem";
		document.getElementById("menuPortfolioGraphics").className = "menuItem";
		document.getElementById("menuWebsites").className = "menuHidden";
		document.getElementById("menuGraphics").className = "menuHidden";
	}

	function clientsBackClick() 
	{
		document.getElementById("menuMain").className = "menuVisable";
		document.getElementById("menuClients").className = "menuHidden";
		document.getElementById("menuPortfolio").className = "";
		document.getElementById("menuPortfolioClients").className = "menuItem";
	}

//photos menu
function photosClick() 
{
	document.getElementById("menuPhotos").className = "menuVisable";
	document.getElementById("menuMainPhotos").className = "menuSelected";
	document.getElementById("menuPortfolio").className = "menuHidden";
	document.getElementById("menuMainPortfolio").className = "menuItem";
}