function changeImage(imageURL, selected) {
// If no selected parameter passed assign it a default value of 0
selected = (selected == null) ? "0" : selected;
// If selected is greater than 0
if ( selected > 0 ) {
// The selected project-link colour
var colour = "#FFFFFF";
// Reset page number colours to their default value
document.getElementById("pageNumber1").innerHTML = "1";
document.getElementById("pageNumber2").innerHTML = "2";
document.getElementById("pageNumber3").innerHTML = "3";
document.getElementById("pageNumber4").innerHTML = "4";
document.getElementById("pageNumber5").innerHTML = "5";
document.getElementById("pageNumber6").innerHTML = "6";
document.getElementById("pageNumber7").innerHTML = "7";
document.getElementById("pageNumber8").innerHTML = "8";
document.getElementById("pageNumber9").innerHTML = "9";
// If the value of selected matches any of the below cases change the associated project-number link colour
switch (selected) {
case 1:
document.getElementById("pageNumber" + 1).innerHTML = "1";
break
case 2:
document.getElementById("pageNumber" + 2).innerHTML = "2";
break
case 3:
document.getElementById("pageNumber" + 3).innerHTML = "3";
break
case 4:
document.getElementById("pageNumber" + 4).innerHTML = "4";
break
case 5:
document.getElementById("pageNumber" + 5).innerHTML = "5";
break
case 6:
document.getElementById("pageNumber" + 6).innerHTML = "6";
break
case 7:
document.getElementById("pageNumber" + 7).innerHTML = "7";
break
case 8:
document.getElementById("pageNumber" + 8).innerHTML = "8";
break
case 9:
document.getElementById("pageNumber" + 9).innerHTML = "9";
break
default:
// nothing
}
}
var div = document.getElementById("rightContent");
div.innerHTML = ("![" + imageURL + "](" + imageURL + ")
");
}