Get random quotes using FBJS

i’ve made an app in php/mysql which generates random quotes at intervals. i’m trying to integrate it with facebook. if i use iframes, everything works smoothly except for one issue, that facebook doesn’t support iframe in profile boxes - which is what i want.

for this reason, i prefer to use fbml. however, i’m using jquery to get the quotes from the php file, and this doesn’t work in fbml. i read that with fbml, i can work with fbjs. since i do not know fbjs, i’m stuck.

how do i convert the jquery code to get the quotes from php to fbjs? specifically, which part from the jquery file do i need to convert to fbjs, to get my code to work using fbjs?

any help would be appreciated.

i tried using fbjqry, but it didn’t work.

this is my code:

<!DOCTYPE html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<link rel="stylesheet" type="text/css" href="css/jquote.css" />
<!--<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>-->
<script type="text/javascript" src="fbjqry/utility.js"></script>
<script type="text/javascript" src="fbjqry/fjqry.js"></script>
<script type="text/javascript">
// On page load, fill the box with content.
$(document).ready(function() {
$("#quoteContainer").load("quote.php");
});

var auto_refresh = setInterval(
function ()
{
   $('#quoteContainer').load('quote.php');
}, 5000); // refresh every 10000 milliseconds
</script>

</head>

<div id="wrapper">
<div class="header"> Quote of the Day</div>
<div id="quoteContainer">
</div>
</div>

</html>