var OCS = {
    container:null,
    render:function(cfg){
        var h = []
        h.push('<div style="position: absolute; top: 694px; left: 1152px;" id="divStayTopLeft">');
        h.push('<table width="110" cellspacing="0" cellpadding="0" border="0" id="qqtab">');
        h.push('<tbody>');
        h.push('<tr>');
        h.push('<td width="110" ><img border="0" src="' + cfg.urlRoot + '/images/qqkf-top.gif"/></td>');
        h.push('</tr>');
        h.push('<tr id="qqstab">');
        h.push('<td id="ims" valign="middle" background="' + cfg.urlRoot + '/images/qqkf-middle.gif" align="center">');
        h.push('<table width="100" cellspacing="0" cellpadding="0" border="0">');
        
        for(var i = 0; i < cfg.list.length; i++)
        {
            var l = cfg.list[i];
            h.push('<tr><td width="100" height="5" colspan="2" border="0">' + l.group + '</td></tr>');
            for(var j = 0 ; j < l.items.length; j++)
            {
                var im = l.items[j];
                h.push('<tr>');
                h.push('<td width="25" valign="middle" height="27" align="center"><img hspace="3"   border="0" src="http://wpa.qq.com/pa?p=4:' + im.uin + ':4"/> </td>');
                h.push('<td width="65" valign="middle" height="27" align="left">');
                h.push('<a  href="javascript:OCS.show(\'' + cfg.siteName + '\',' + im.uin + ');">');
                h.push('<font style="font-size: 12px; text-decoration: none; color: rgb(0, 0, 0);">' + (im.name == null ? im.uin : im.name) + '</font>');
                h.push('</a>');
                h.push('</td>');
                h.push('</tr>');
            }
        }
        h.push('</table>');
        h.push('</td>');
        h.push('</tr>');
        h.push('<tr>');
        h.push('<td width="110"><a target="_blank"  ><img border="0" src="' + cfg.urlRoot + '/images/qqkf-bottom.gif"/></a></td>');
        h.push('</tr>');
        h.push('</tbody>');
        h.push('</table>');
        h.push('</div>');
        //cfg.container.innerHTML = h.join("");
        document.write(h.join(""));
    },
    show:function(siteName,uin)
    {
        window.open('http://wpa.qq.com/msgrd?V=1&amp;Uin=' + uin + '&amp;Site=' + siteName + '&amp;Menu=yes','','');
    },
    scroll:function()
    {
         var posXqq,posYqq;
         if (window.innerHeight)
         {
         posXqq=window.pageXOffset;
         posYqq=window.pageYOffset;
         }
         else if (document.documentElement && document.documentElement.scrollTop)
         {
         posXqq=document.documentElement.scrollLeft;
         posYqq=document.documentElement.scrollTop;
         }
         else if (document.body)
         {
         posXqq=document.body.scrollLeft;
         posYqq=document.body.scrollTop;
         }
         var divStayTopLeft=document.getElementById("divStayTopLeft");
         divStayTopLeft.style.top=(posYqq+300-220)+"px";
         divStayTopLeft.style.left=(posXqq+screen.width-131)+"px";
         setTimeout("OCS.scroll()",100);
     }    
}