// JavaScript Document

// show Portfolio Menus


function showHomeMenu(){
	

//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
//  CLASS
	document.getElementById('homelink1').className = "menuon";
		
}











function showPortfolioMenu(){

//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
		
//  CLASS NAMES
	document.getElementById('portfoliolink1').className = "menuon";
	document.getElementById('portfoliolink2').className = "menuoff";
	document.getElementById('portfoliolink3').className = "menuoff";
	document.getElementById('portfoliolink4').className = "menuoff";
	document.getElementById('portfoliolink5').className = "menuoff";
	
	
//  TEXT
	document.getElementById('portfoliolink2').firstChild.data = "WEDDINGS";
	document.getElementById('portfoliolink3').firstChild.data = "PORTRAITS";
	document.getElementById('portfoliolink4').firstChild.data = "FAMILIES";
	document.getElementById('portfoliolink5').firstChild.data = "GRADUATIONS";
	document.getElementById('portfoliolink6').firstChild.data = "FREELANCE";

	
//  LINKS	
	document.getElementById('portfoliolink2').href = "po_weddings.html";
	document.getElementById('portfoliolink3').href = "po_portraits.html";
	document.getElementById('portfoliolink4').href = "po_families.html";
	document.getElementById('portfoliolink5').href = "po_graduations.html";	
	document.getElementById('portfoliolink6').href = "po_freelance.html";
	
	
//  EVENTS	
	document.getElementById('portfoliocell2').onmouseover    = function(){document.getElementById('portfoliolink2').className = "menuon";}; 
	document.getElementById('portfoliocell2').onmouseout     = function(){document.getElementById('portfoliolink2').className = "menuoff";}; 
	document.getElementById('portfoliocell3').onmouseover    = function(){document.getElementById('portfoliolink3').className = "menuon";}; 
	document.getElementById('portfoliocell3').onmouseout     = function(){document.getElementById('portfoliolink3').className = "menuoff";}; 
	document.getElementById('portfoliocell4').onmouseover    = function(){document.getElementById('portfoliolink4').className = "menuon";}; 
	document.getElementById('portfoliocell4').onmouseout     = function(){document.getElementById('portfoliolink4').className = "menuoff";}; 
	document.getElementById('portfoliocell5').onmouseover    = function(){document.getElementById('portfoliolink5').className = "menuon";}; 
	document.getElementById('portfoliocell5').onmouseout     = function(){document.getElementById('portfoliolink5').className = "menuoff";}; 
	document.getElementById('portfoliocell6').onmouseover    = function(){document.getElementById('portfoliolink6').className = "menuon";}; 
	document.getElementById('portfoliocell6').onmouseout     = function(){document.getElementById('portfoliolink6').className = "menuoff";}; 
	
}










function showServicesMenu(){
	

//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
//  CLASS NAMES
	document.getElementById('serviceslink1').className = "menuon";
	document.getElementById('serviceslink2').className = "menuoff";
	document.getElementById('serviceslink3').className = "menuoff";
	document.getElementById('serviceslink4').className = "menuoff";
	document.getElementById('serviceslink5').className = "menuoff";
	document.getElementById('serviceslink6').className = "menuoff";
	
//  TEXT
	document.getElementById('serviceslink2').firstChild.data = "WEDDINGS";
	document.getElementById('serviceslink3').firstChild.data = "PORTRAITS";
	document.getElementById('serviceslink4').firstChild.data = "FAMILIES";
	document.getElementById('serviceslink5').firstChild.data = "GRADUATIONS";
	document.getElementById('serviceslink6').firstChild.data = "FREELANCE";
	
//  LINKS	
	document.getElementById('serviceslink2').href = "se_weddings.html";
	document.getElementById('serviceslink3').href = "se_portraits.html";
	document.getElementById('serviceslink4').href = "se_families.html";
	document.getElementById('serviceslink5').href = "se_graduations.html";
	document.getElementById('serviceslink6').href = "se_freelance.html";
	
	
//  EVENTS	
	document.getElementById('servicescell2').onmouseover    = function(){document.getElementById('serviceslink2').className = "menuon";}; 
	document.getElementById('servicescell2').onmouseout     = function(){document.getElementById('serviceslink2').className = "menuoff";}; 
	document.getElementById('servicescell3').onmouseover    = function(){document.getElementById('serviceslink3').className = "menuon";}; 
	document.getElementById('servicescell3').onmouseout     = function(){document.getElementById('serviceslink3').className = "menuoff";}; 
	document.getElementById('servicescell4').onmouseover    = function(){document.getElementById('serviceslink4').className = "menuon";}; 
	document.getElementById('servicescell4').onmouseout     = function(){document.getElementById('serviceslink4').className = "menuoff";}; 
	document.getElementById('servicescell5').onmouseover    = function(){document.getElementById('serviceslink5').className = "menuon";}; 
	document.getElementById('servicescell5').onmouseout     = function(){document.getElementById('serviceslink5').className = "menuoff";}; 
	document.getElementById('servicescell6').onmouseover    = function(){document.getElementById('serviceslink6').className = "menuon";}; 
	document.getElementById('servicescell6').onmouseout     = function(){document.getElementById('serviceslink6').className = "menuoff";}; 
}














function showOrdersMenu(){
	
//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
//  CLASS
	document.getElementById('orderslink1').className = "menuon";
		
}












function showAboutMeMenu(){
	
//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
//  CLASS
	document.getElementById('aboutmelink1').className = "menuon";
		
}













function showContactMenu(){
	
//  CLEAR ANY EXISTING SUB MENUS ALREADY SHOWING
	hideSubMenus();
	
//  CLASS
	document.getElementById('contactlink1').className = "menuon";
		
}







function hideSubMenus(){

/////////// PORTFOLIO ////////////
//  TEXT
	document.getElementById('portfoliolink2').firstChild.data = "";
	document.getElementById('portfoliolink3').firstChild.data = "";
	document.getElementById('portfoliolink4').firstChild.data = "";
	document.getElementById('portfoliolink5').firstChild.data = "";
	document.getElementById('portfoliolink6').firstChild.data = "";		
  
//  LINKS	
	document.getElementById('portfoliolink2').href = "#";
	document.getElementById('portfoliolink3').href = "#";
	document.getElementById('portfoliolink4').href = "#";
	document.getElementById('portfoliolink5').href = "#";	
	document.getElementById('portfoliolink6').href = "#";
	
//  EVENTS
	document.getElementById('homelink1').className = "menuoff";
	document.getElementById('portfoliolink1').className = "menuoff";
	document.getElementById('serviceslink1').className = "menuoff";
	document.getElementById('orderslink1').className = "menuoff";
	document.getElementById('aboutmelink1').className = "menuoff";
	document.getElementById('contactlink1').className = "menuoff";
	
	
/////////// SERVICEES ////////////
//  TEXT
	document.getElementById('serviceslink2').firstChild.data = "";
	document.getElementById('serviceslink3').firstChild.data = "";
	document.getElementById('serviceslink4').firstChild.data = "";
	document.getElementById('serviceslink5').firstChild.data = "";
	document.getElementById('serviceslink6').firstChild.data = "";		
  
//  LINKS	
	document.getElementById('serviceslink2').href = "#";
	document.getElementById('serviceslink3').href = "#";
	document.getElementById('serviceslink4').href = "#";
	document.getElementById('serviceslink5').href = "#";	
	document.getElementById('serviceslink6').href = "#";	
	
//  EVENTS
	document.getElementById('homelink1').className = "menuoff";
	document.getElementById('portfoliolink1').className = "menuoff";
	document.getElementById('serviceslink1').className = "menuoff";
	document.getElementById('orderslink1').className = "menuoff";
	document.getElementById('aboutmelink1').className = "menuoff";
	document.getElementById('contactlink1').className = "menuoff";
	
	
	
}