function populateContent(contentTitle)
{
  var contentTitle = contentTitle;  //get the title
  var targetField = document.getElementById("populateContent");  //This is the container holding the default values for the repeated section
  var sourceCode = targetField.innerHTML;  //Source code (default)
  var newHTML = "";
  var menuName = "menu" + contentTitle;
  newHTML = document.getElementById(contentTitle).innerHTML;  //Take the source code and replace the default   

  targetField.innerHTML = newHTML;  //Replace the curent default with the new html
  targetField.className = "show";  //Then show it
    document.getElementById(menuName).style.color = "#FF9900"; 
  clearOthersMenu(menuName);
  //Instead of using classname you can also just say .style.display =  and then set to either block, inline or none.
}
function clearOthersMenu(selectedItem){
	if(selectedItem != "menustrategicBlueprints") document.getElementById("menustrategicBlueprints").style.color = "#444444";	
	if(selectedItem != "menugapAnalysis") document.getElementById("menugapAnalysis").style.color = "#444444";	
	if(selectedItem != "menuproductEvaluation") document.getElementById("menuproductEvaluation").style.color = "#444444";	
	if(selectedItem != "menusolutionScoping") document.getElementById("menusolutionScoping").style.color = "#444444";	
	if(selectedItem != "menuprojectPlanning") document.getElementById("menuprojectPlanning").style.color = "#444444";	
	if(selectedItem != "menuimplementation") document.getElementById("menuimplementation").style.color = "#444444";	
	if(selectedItem != "menusupportTraining") document.getElementById("menusupportTraining").style.color = "#444444";	
	if(selectedItem != "menuapplicationIAM") document.getElementById("menuapplicationIAM").style.color = "#444444";	
	if(selectedItem != "menucomplexIntegration") document.getElementById("menucomplexIntegration").style.color = "#444444";	
}
function populateContentSolutions(contentTitle)
{
  var contentTitle = contentTitle;  //get the title
  var targetField = document.getElementById("populateContent");  //This is the container holding the default values for the repeated section
  var sourceCode = targetField.innerHTML;  //Source code (default)
  var newHTML = "";
  newHTML = document.getElementById(contentTitle).innerHTML;  //Take the source code and replace the default 
  targetField.innerHTML = newHTML;  //Replace the curent default with the new html
  targetField.className = "show";  //Then show it
	//Instead of using classname you can also just say .style.display =  and then set to either block, inline or none.
	switch(contentTitle)
	{
	  case "sharepoint":
		  document.getElementById("leftHeroSharepoint").style.border = "2px solid #BC9BDD";
		  clearOthers("sharepoint");
	  break;    	  
	  case "identityBroker":
		  document.getElementById("leftHeroIdentityBroker").style.border = "2px solid #FFC977";
		  clearOthers("identityBroker");
	  break;   
	  case "eventBroker":
		  document.getElementById("leftHeroEventBroker").style.border = "2px solid #AED7FF";
		  clearOthers("eventBroker");
	  break; 
	  case "unifyConnect":
		  document.getElementById("leftHeroUnifyConnect").style.border = "2px solid #CCFF62";
		  clearOthers("unifyConnect");
	  break; 
	  case "codelessILM":
		  document.getElementById("leftHeroCodelessILM").style.border = "2px solid #FFBFBF";
		  clearOthers("codelessILM");
	  break; 
	  case "passManager":
		  document.getElementById("leftHeroPassManager").style.border = "2px solid #d3bea9";
		  clearOthers("passManager");
	  break; 
	  default:
		 clearOthers("");
	}

}
function clearOthers(selectedItem){
	if(selectedItem != "sharepoint") document.getElementById("leftHeroSharepoint").style.border = "1px solid #c2c2c2";	
	if(selectedItem != "identityBroker") document.getElementById("leftHeroIdentityBroker").style.border = "1px solid #c2c2c2";	
	if(selectedItem != "eventBroker") document.getElementById("leftHeroEventBroker").style.border = "1px solid #c2c2c2";	
	if(selectedItem != "unifyConnect") document.getElementById("leftHeroUnifyConnect").style.border = "1px solid #c2c2c2";	
	if(selectedItem != "codelessILM") document.getElementById("leftHeroCodelessILM").style.border = "1px solid #c2c2c2";
	if(selectedItem != "passManager") document.getElementById("leftHeroPassManager").style.border = "1px solid #c2c2c2";	
}