BOld Chat bUTTON

I have implemented BOldChat in my sharepoint 2010 web application.How can i change the images of live chat button whenever operator is available or away in javascript.I have 2 images called available and unavailable in sp 2010 image gallery.I have written the code in javascript so that when i click on chat button(that is available symbol))and i wanted to change image whenever operator is away(Unavailable symbol)Just assume that you two images and has to be changed based on the status of the operator…Please reply as soon as possible.The code as follows…

<asp:HyperLink runat=“server” ID=“btnLiveChat” ImageUrl=“~/PublishingImages/btnSmallLiveChat.png”
ToolTip=“Chat” BorderWidth=“0” CssClass=“HeaderButton” onclick=“getChatSite();”>Chat</asp:HyperLink>

<script language=“javascript” type=“text/javascript”>
function getChatSite()
{“;url='” + escape(document.location.href) + “'”, “chat”, “toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=640,height=480’);this.newWindow.focus();this.newWindow.opener=window;return false”) }

<script type=“text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src='” + gaJsHost + “’ type=‘text/javascript’%3E%3C/script%3E”));
<script type=“text/javascript”>
try {
var pageTracker = _gat._getTracker(“UA-13227431-1”);
} catch (err) { }
<!-- Bold Software Visitor Monitor HTML v2.00 (Website=- None -,ChatWindow=My Chat Window,ChatInvitation=My Invite Ruleset) –>
<script language=“JavaScript” type=“text/javascript”>
document.write(unescape(‘%3Cscript language=“JavaScript” type=“text/javascript” src=“”%3E%3C/script%3E’));
<script language=“JavaScript” type=“text/javascript”>
try {
var pageViewer = _bcvm.getPageViewer(“5841406484897312464”);
pageViewer.setParameter(“ChatWindowDefID”, “1759868703890805207”);
pageViewer.setParameter(“ChatWidth”, “640”);
pageViewer.setParameter(“ChatHeight”, “480”);
pageViewer.setParameter(“InvitationDefID”, “4643103440904555620”);
pageViewer.setParameter(“WindowScheme”, “http”);
} catch(error) {}
<a href=“” title=“Live Chat Software” target=“_blank”><img alt=“Live Chat Software” src=“” border=“0” width=“1” height=“1” /></a>

I have this code which will change images when operator is available and away

function bt_showChatHTML(bt_available,bt_unavailable) {
bt_chatAvailable = false;

Where should i add this code or how can i do this task??


Hello Kings11,

My name is Dave and I am a member of Bold Software’s support team. I would be happy to assist you with getting this code implemented. If you have time for a quick call, I can be reached at 316-630-9933 option 2. Alternatively, I can give you a call if you would like to send an email with a number I can reach you on (

One thing to keep in mind, the functionality you are trying to implement/achieve is already included as a default function of our code. I will be happy to explain its workings if you have some available time. Just let me know…

Dave Hammer
Bold Software L.L.C
Technical Services Manager