Zablokowanie automatycznie wysuwającego się paska

[tndek]

Witam. Posiadam na stronie odtwarzacz radiowy ulokowany z lewej strony jako wysuwający się pasek. Oto jego kod:

Kod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

   <style  type="text/css" >
#wysuwane
{

   background: url("http://page.pl/dddd") no-repeat scroll 0 0 transparent;
  
   padding: 10px;
   width: 560px;
   height:402px;

   position: fixed;
   margin-top: -100px; /*połowa wysokości panelu w górę */  
   left: 0px;
   top: 50%;

}
.zamknij
{
   background-position: 0px 0px -510px 0px;
}
</style>

  

<script type="text/javascript">
  
   $(function(){

   $("#wysuwane").css("left","-520px");

$("#wysuwane").hover(
  function () {
    $("#wysuwane").animate({left: "0px"}, 400 );
      $(this).addClass("zamknij");
      
  },
  function () {
    $("#wysuwane").animate({left: "-520px"}, 400 );
      $(this).removeClass("zamknij");
      
  }
);


});
   </script>

<div id="wysuwane">
<div id="wewnatrz" style="float:left; width:150px;  margin-left:0px;">
<a href="http://strona.pl" target="_blank" rel="nofollow"><img src="http://strona.net"></a> <br>
<script type="text/javascript" src="http://strona.com.pl"></script><br>
<object type="application/x-shockwave-flash" data="http://strona.pl id="audioplayer" height="22" width="490">
<param name="movie" value="http://strona.pl">
<param name="FlashVars" value="playerID=1&soundFile=http://strona/;&titles=      Radio Music-Network&buffer=0&rightbg=248ac5&lefticon=161616&righticon=161616&loader=248ac5&leftbg=248ac5&track=248ac5&bg=248ac5&rightbghover=248ac5&tracker=248ac5&autostart=yes&animation=no&playerID=panelradiowy.pl&initialvolume=60">
<param name="quality" value="high">
<param name="menu" value="false">

<param name="wmode" value="transparent">
</object>
</div>
</div>

Zależy mi na tym, aby pasek wysuwał się tylko w przypadku najechania na niego myszką. Obecnie, wysuwa się od razu po wejściu na stronę i nieco irytuje muzyka włączająca się bez woli przeglądające. Co powinienem zmienić w tym kodzie?

[Kartofelek]

Teoretycznie linijka którą masz w kodzie

$("#wysuwane").css("left","-520px");

powinna ci chować ten #wysuwane. Ale pamiętaj, że to się wykona dopiero po wczytaniu CAŁEJ strony.
Ustaw więc w CSS dla #wysuwane left:-520px zamiast left: 0px;

Jeżeli to nie zadziała to namieszałeś i trzeba pogrzebać w stronie. Wtedy daj doktorowi linka.