var selected_image = 0;
function update(ref,idName)

{

selected_image = ref;

// reset all to "repalce"
if (document.getElementById("switchOne")!= null) document.getElementById("switchOne");
if (document.getElementById("switchTwo")!= null) document.getElementById("switchTwo");
if (document.getElementById("switchThree")!= null) document.getElementById("switchThree");
if (document.getElementById("switchFour")!= null) document.getElementById("switchFour");
if (document.getElementById("switchFive")!= null) document.getElementById("switchFive");
if (document.getElementById("switchSix")!= null) document.getElementById("switchSix");
if (document.getElementById("switchSeven")!= null) document.getElementById("switchSeven");
if (document.getElementById("switchEight")!= null) document.getElementById("switchEight");

//enable the selected one to "Hot"
document.getElementById(idName).className = "imageScreenshot" + " " + idName + "Hot"

}