views:

4

answers:

0

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);