function swapImages(newImg, link, tab, panel) {
	
	var illustration = document.getElementById('showImage');
	illustration.style.backgroundImage = 'url("' + newImg + '")';
	var currenttab = document.getElementById(tab);
	var currenttabA = document.getElementById(tab + 'a');
	document.getElementById('tab1').style.borderTop = '2px solid #eee';
	document.getElementById('tab1').style.background = '#224d6f';
	document.getElementById('tab1a').style.background = '#224d6f';
	document.getElementById('tab2').style.borderTop = '2px solid #eee';
	document.getElementById('tab2').style.background = '#224d6f';
	document.getElementById('tab2a').style.background = '#224d6f';
	document.getElementById('tab3').style.borderTop = '2px solid #eee';
	document.getElementById('tab3').style.background = '#224d6f';
	document.getElementById('tab3a').style.background = '#224d6f';
	document.getElementById('tab4').style.borderTop = '2px solid #eee';
	document.getElementById('tab4').style.background = '#224d6f';
	document.getElementById('tab4a').style.background = '#224d6f';
	currenttab.style.borderTop = '0px';
	currenttab.style.background = '#000000';
	currenttabA.style.background = '#000000';
	var narrative = document.getElementById('showNarrative');
	narrative.innerHTML = document.getElementById(panel).innerHTML;

}