In Main page i have JS code:

2. <script type="text/javascript">
3. $(document).ready(function(){
4. 
   
5. $('#otworz_kosci').button().click(function(){
6.  
7. $("#kosci_dialog").remove();
8. $("#zawartosc_dialogi").html('<div id="kosci_dialog" title="Kości" style="display:none;"></div>');
9. 
   
10. var link = $(this).attr("href");
11. 
    
12. $("#kosci_dialog").dialog({draggable: false,   modal: true,   resizable: false,   height: 600, width: 750, show: 'fade', hide: 'fade'}).load('ajax_php/hazard/kosci.php');
13. 
    
14.  return false;
15. });
16. ////////////////
17. 
    
18. 
    
19. $(".kosci_przylacz_do_gry").live("click", function(){ var link = $(this).attr("href"); $('#twoja_gra').load(link); return false; });   
20. $("#kosci_propozycja_form").live("submit", function(){$(this).ajaxSubmit({ target: '#twoja_gra'}); return false; });   
21. 
    
22. $('input, button').addClass("ui-state-default ui-corner-top ui-widget ui-corner-all");
23. });
24. </script>

It work fine, but my problem is when i load page on class .kosci_przylacz_do_gry, when i click on link subpage have been loaded correctly, but i have code with setinterval:

2. $(document).ready(function(){ 
3. 
   
4. clearInterval(kosci_twoja_gra_interval);
5. 
   
6. function lista_zlozonych_propozycji(){ $.ajax({ url: "ajax_php/hazard/kosci_lista_propozycji.php", cache: true, success: function(html){ $("#lista_zlozonych_propozycji").html(html); } }); }
7. 
   
8. lista_zlozonych_propozycji();
9. 
   
10. var kosci_twoja_gra_interval ;
11. 
    
12. kosci_twoja_gra_interval = setInterval(lista_zlozonych_propozycji,5000);
13. 
    
14. });

On first time everything is ok, but when I click second time, the setinterval is running 2x, on third time 3x. 

How can i fix it?

Tom