I am using a full screen flash background that changed images after 5 seconds, and when I use Jflow on top of that, it fails to work in safari, but works fine in Firefox and Chrome, Anyone have any ideas what could be wrong
<script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="JS/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="JS/jquery.easing.compatibility.js"></script>
<script type="text/javascript" src="JS/jquery.flow.1.2.auto.pause.js"></script>
<script src="JS/jquery.backgrounder.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="swfobject.js"></script>
<!-- CUSTOM JAVA SCRIPT-->
<script type="text/javascript" charset="utf-8">
$(function() {
$('#my_background').backgrounder();
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
slides: "#slides",
controller: ".Control", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "200px",
height: "125px",
duration: 400,
prev: ".Prev", // must be class, use . sign
next: ".Next" // must be class, use . sign
});
});
</script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.bgcolor = "#000000";
params.allowfullscreen = "true";
params.wmode = "opaque";
var attributes = {};
swfobject.embedSWF("preview.swf?"+Math.round(Math.random()*1000) , "myContent",
"100%", "100%", "9.0.0",false,flashvars, params, attributes);