function portfolioHighlight(boxNo) {
		
		var portfolioPhoto = document.getElementById('portfolio-photo');
		var box1 = document.getElementById('portfolio-1');
		var box2 = document.getElementById('portfolio-2');
		var box3 = document.getElementById('portfolio-3');
		var box1Title = document.getElementById('portfolio-1-title');
		var box2Title = document.getElementById('portfolio-2-title');
		var box3Title = document.getElementById('portfolio-3-title');
		
		switch (boxNo) {
			case 1: 
				portfolioPhoto.src = "../images/portfolio/borth.jpg";
				box1.style.backgroundColor = "#a99479";
				box2.style.backgroundColor = "#cdbeaa";
				box3.style.backgroundColor = "#cdbeaa";
				box1Title.src = "../images/portfolio/borth-title-dark.png";
				box2Title.src = "../images/portfolio/elkstones-title-light.png";
				box3Title.src = "../images/portfolio/canfuss-title-light.png";
				break;
				
			case 2:
				portfolioPhoto.src = "../images/portfolio/elkstones.jpg";
				box1.style.backgroundColor = "#cdbeaa";
				box2.style.backgroundColor = "#a99479";
				box3.style.backgroundColor = "#cdbeaa";
				box1Title.src = "../images/portfolio/borth-title-light.png";
				box2Title.src = "../images/portfolio/elkstones-title-dark.png";
				box3Title.src = "../images/portfolio/canfuss-title-light.png";
				break;
				
			case 3:
				portfolioPhoto.src = "../images/portfolio/canfuss.jpg";
				box1.style.backgroundColor = "#cdbeaa";
				box2.style.backgroundColor = "#cdbeaa";
				box3.style.backgroundColor = "#a99479";
				box1Title.src = "../images/portfolio/borth-title-light.png";
				box2Title.src = "../images/portfolio/elkstones-title-light.png";
				box3Title.src = "../images/portfolio/canfuss-title-dark.png";
				break;
				
		}
}