Dynamic Agent Profiles not workin

When trying to create the dynamic agent profiles as explained in the following article: Display Agent Profile Picture in Chat Window (legacy, classic, & modern skins only) I get a broken image.

This is the chat_event_handlers.html code. Just trying to get the profile picture to function as a link so it can be directed to a page on our site.

 

## this template is the extended chat API function calls

## DO NOT change this template's filename, since its used in ChatLibrary.refreshAndCompleteDefaults()

#set($eventHandlersIncluded = true)

<script type="text/javascript">

/* event handlers section */

/* when chat starts with rep (either after click or after transfer) */

function lpceStartChat( repid, nickname ) {

     dynamicBranding(nickname);

}

function dynamicBranding(nickname)

{

     var needRightIFrame=${chat.needRightIFrame};

     if (needRightIFrame) //Branding area is an Iframe

          displayAgentPicture("chatImageIfr",nickname);

     else //Branding area is an image

          displayAgentPicture("chatImage",nickname);

}

/* when chat starts with rep (either after click or after transfer) */

function lpceStartChat( repid, nickname ) {

     dynamicBranding(nickname);

}

function dynamicBranding(nickname)

{

     var needRightIFrame=${chat.needRightIFrame};

     if (needRightIFrame) //Branding area is an Iframe

          displayAgentPicture("chatImageIfr",nickname);

     else //Branding area is an image

          displayAgentPicture("chatImage",nickname);

}

function displayAgentPicture(elemID, nickname)

{

     var branding=document.getElementById(elemID);

     var profileLocation="https://www.bhl.co.uk/lp/prof";

     var pageSuffix="html";

     branding.src = profileLocation+"/"+nickname+"."+pageSuffix+""

}

/* when rep stops chat */

function lpceStopChat(){

}

/* when a line comes from the server (either by rep or system) */

function lpceChatLine(text,by,type,time) {

}

/*  when rep starts typing */

function lpceRepTyping(isType) {

}

/* when visitor sends a line */

function lpceVisitorLine(str) {

}

/* when visitor clicks the close button (and before everything else) */

function lpceCloseButtonClick() {

}

/* when chat window finished loading */

function lpceWindowLoaded() {

}

/* when chat window calls window unload */

function lpceWindowUnload() {

}

/* when print button clicked */

function lpcePrintChat() {

}

/* when visitor submits email */

function lpceEmailSubmit(email) {

}

/* when the text area of the chat window changes from nothing to something and vice versa */

function lpceVisitorTyping(isTyping) {

}

/* when a2a event arrive from server */

function lpceA2ATransfer(remoteSiteid, remoteSkill) {

}

</script>

<noscript><p>

This functionality requires JavaScript. Please enable JavaScript and try again.

To read the LivePerson accessibility policy, please go to the <a href='http://www.liveperson.com/help/accessibility.asp'>Liveperson accessibility policy page</a>.</p>

</noscript>

 

Message was edited by: Adrian E. added more context to the initial thread which was broken off an existing thread.