<style type="text/css">
#gb{
position:fixed;
bottom:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:74px;
float:right;
cursor:pointer;
background:url('https://googledrive.com/host/0BzkW4cz4Or5WMmVVNTNpS3NJYU0') no-repeat;
}
.gbcontent{
float:right;
background:none;
padding:3px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 75-w) : moveGB(71-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<script id="sid0010000054125287281">(function() {function async_load(){s.id="cid0010000054125287281";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:350px;height:500px;";s.async=true;s.text='{"handle":"Bongonline","styles":{"a":"0099FF","b":100,"c":"FFFFFF","d":"FFFFFF","g":"333333","j":"333333","k":"0099FF","l":"0099FF","m":"0099FF","n":"FFFFFF","p":"12","s":1,"w":0,"aa":1}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000054125287281'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script></div></div>
