Problem displaying arrowchat on my website

[ADEGE]

Hi, I have problem displaying arrow chat on my website. Below are the important information that might be required to help me fix the issue..

- My website url is www.wovila.com/Home, but first i did the installation outside of Home directory (i used the video tutorial), after go through doc tutorial i re-do installation by installing arrowchat inside the Home directory where my web files are located ( I am using sweet date)

- During the installation process when filling databases tables and click next an error message appeared said incorrect database prefix which is not right since my site is running through the wordpress.org and wordpress db prefix is always wp_ i have also confirmed this from my webfiles conf. file, I had to leave the prefix textbox blank and installation continued.

- At the end before even go to admin dashboard i have received these embedded codes..

For header area..

<link type="text/css" rel="stylesheet" id="arrowchat_css" media="all" href="/arrowchat/external.php?type=css" charset="utf-8" />
<script type="text/javascript" src="/arrowchat/includes/js/jquery.js"></script>
<script type="text/javascript" src="/arrowchat/includes/js/jquery-ui.js"></script>

for footer area..

<script type="text/javascript" src="/arrowchat/external.php?type=djs" charset="utf-8"></script>
<script type="text/javascript" src="/arrowchat/external.php?type=js" charset="utf-8"></script>

I don't really sure but i couldn't find any wordpress sites embedding tutorial through out the support documentation, so i had to go to my website admin widget area - footer widget 1 - add a text box and having the both above codes placed there ( i don't really think i did this correctly)

At the end arrow chat appeared on my website but blank all over it and shows only "you must register or log in to use chat" even to a registered and logged in users / members.

Any idea how to fix this please?, hope i have explained enough.

Kind Regards