Click Event for a Status Indicator

Hi,

I have a custom SharePoint list with a column with custom values that displays an image based off a selected image in a choice column. My question is how can I hyperlink the images in the custom value column to the hyperlink entered in a hyperlink/picture column. I also have code in a content editor.

Here's the code I have listed in the custom field:  

="<DIV><IMG src='\\site.com\sites\MSI\SiteAssets\SitePages\Home\"&

IF(Progress="Not Started","lock.png",

IF(Progress="In Progress","partsecured.png","openlock.png"))&"'></DIV>"

Here's code I have for the content editor:

<script type="text/javascript">

 
// 
// Text to HTML  
var theTDs = document.getElementsByTagName("TD"); 
var i=0; 
var TDContent = " "; 
while (i < theTDs.length) { 
try { 
TDContent = theTDs[i].innerText || theTDs[i].textContent; 
if ((TDContent.indexOf("<DIV") == 0) && (TDContent.indexOf("</DIV>") >= 0)) { 
theTDs[i].innerHTML = TDContent; 
} 
} 
catch(err){} 
i=i+1; 
} 
 // 
// ExpGroupRenderData overwrites the default SharePoint function 
// This part is needed for collapsed groupings 
// 
function ExpGroupRenderData(htmlToRender, groupName, isLoaded) { 
var tbody=document.getElementById("tbod"+groupName+"_"); 
var wrapDiv=document.createElement("DIV"); 
wrapDiv.innerHTML="<TABLE><TBODY id=\"tbod"+ groupName+"_\" isLoaded=\""+isLoaded+ "\">"+htmlToRender+"</TBODY></TABLE>"; 
var theTBODYTDs = wrapDiv.getElementsByTagName("TD"); var j=0; var TDContent = " "; 
while (j < theTBODYTDs.length) { 
try { 
TDContent = theTBODYTDs[j].innerText || theTBODYTDs[j].textContent; 
if ((TDContent.indexOf("<DIV") == 0) && (TDContent.indexOf("</DIV>") >= 0)) { 
theTBODYTDs[j].innerHTML = TDContent; 
} 
} 
catch(err){} 
j=j+1; 
} 
tbody.parentNode.replaceChild(wrapDiv.firstChild.firstChild,tbody); 
} </script>