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";               									
	
		// 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 = "<font color="+colour+">1</font>";      
			break
			
			case 2:
				document.getElementById("pageNumber" + 2).innerHTML = "<font color="+colour+">2</font>";      
			break

			case 3:
				document.getElementById("pageNumber" + 3).innerHTML = "<font color="+colour+">3</font>";      
			break												
			
			default:
			// nothing
		}
	
	}

    var div = document.getElementById("rightContent");      
    div.innerHTML = ("<img src='" + imageURL + "' alt='" + imageURL + "'>");    
 }