Javascript Issue, Live Chat

[Viggit]

Hello! I've had a great time using WHMCS so far and I've just finished fully adding my new custom Header and Footer to my website. Now I'm having an issue even with using the {literal} {/literal} tags for the <script></script>

 

My issue is that my code below...

 

{literal}<script type="text/javascript">
var LHCChatOptions = {};
LHCChatOptions.opt = {widget_height:340,widget_width:300,popup_height:520,popup_width:500};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
var refferer = (document.referrer) ? encodeURIComponent(document.referrer) : '';
var location  = (document.location) ? encodeURIComponent(document.location) : '';
po.src = 'http://www.viggit.com/lhc_web/index.php/chat/getstatus/(click)/internal/(position)/bottom_right/(check_operator_messages)/true/(top)/350/(units)/pixels/(leaveamessage)/true?r='+refferer+'&l='+location;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>{/literal}

 

Obviously shows up nicely on the page. Now my issue is when the page switchs to use the SSL "https://" it then breaks my SSL and does not show my Live Chat widget, "the code above".

 

I'm at a loss and I really don't want to give up on it and just not include it on my billing section but I really just keep scratching my head at this.

 

Any help is much appreciate thanks guys/gals!

 

-Viggit