Need help with Google Friend Connect on WP

I followed all the steps for installation, but all I'm getting is a grey line. I think it is probably because I didn't designate a DIV (though the instructions dont say to do so)...

Here is the code (I have inserted it into a page on my WP blog)

<p><!-- Include the Google Friend Connect javascript library. --><br />
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script></p>
<p><!-- Define the div tag where the gadget will be inserted. --></p>
<div id="div-1228425609389" style="width:282px;border:1px solid #cccccc;"></div>
<p><!-- Render the gadget into a div. --><br />
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '385';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#3333333';
skin['ENDCAP_TEXT_COLOR'] = '#BDCCDD';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#3333333';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444190';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#3D912F';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-1228425609389',
site: '04236428311739524545'},
skin);
</script>

 

Do you have these files in the root directory?

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

Code (markup):