<script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script>
<script src="https://premitek.nabdsys.com /scripts/banVisitor.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function () {
$("#bottle").click(function () {
$("#IframeId").slideToggle("slow");
$("#outerdiv").slideToggle("slow");
$("#bottle").hide();
});
$("#close-image-div").click(function () {
$("#IframeId").slideToggle("slow");
$("#outerdiv").slideToggle("slow");
$("#bottle").show();
});
});
</script>
<style>
#rock {
z-index: 10000000000;
position: fixed;
bottom: 0;
right: 0;
z-index: 99999;
}
#outerdiv
#close-image-div {
position: absolute;
top: 3%;
right: 0;
background: url(http://premitek.nabdsys.com/ContentNew/chat/imgs/mini-icon.png)
no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px;
z-index: 1000000;
background-size: 20px 20px;
}
#outerdiv
iframe {
width: 100%;
}
</style>
<a href="javascript:;"
id="bottle">
<img src="http://premitek.nabdsys.com/content/images/live-chat.png" id="rock">
</a>
<div id='outerdiv' style="position: fixed;bottom: 0; right: 3%;z-index:99999;width: 350px; height: 416px;display:none;">
<a id="close-image-div" href="javascript:;">
</a>
<iframe id="IframeId" class="iframe1"
frameborder="0" scrolling="no" src="
http://premitek.nabdsys.com/ChatNabd/ChatIntegration?lang=<Language>
&clientname=<Client_Name>
&webURLSource=<Web_URL>
&supportemail=<Support_Email>
&chatThemeColor=<Color_Value_Hex_like_#13424a>
style="position: fixed;bottom: 0; right: 3%;z-index:99999;width: 350px; height: 416px;display:none;"></iframe>
</div>