Im not sure what is wrong with my script : | When i alert new background styles, it looks ok. When i click #go1, background disappears, but than appears same background : / I want to change it to bg+l+.jpg where l is number of background (i have 4 backgrounds).

Script:

2.       <div id="inner" style="background:url(bg1.jpg) no-repeat center">Jakis tekst</div>
3. <script>
4.  var l = 1;
5.  var str = "url(bg"+l+".jpg) no-repeat center";
6.  $('#go1').click( function(){ 
7.    $('#inner').fadeOut( 'slow', function(){
8. l=l+1;
9. if(l==5) {l=1;}
10. str = "url(bg"+l+".jpg) no-repeat center";
11. document.write(str);
12. document.getElementById('inner').style.background = str;
13.    })
14.  });
15. </script>