Cambio scheda e trovo errore

Salve gente,
Non capisco perché quando dalla scheda della mia pagina passo ad un altra scheda e poi ritorno alla mia pagina alcune volte il mio codice non funziona correttamente:
CSS

Codice HTML:

---

#photos img {
        display: none;
}

#photos .show {
        display: inline;
        width: 90%;
}

---

Codice HTML:

---

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('#photos img:last').addClass('show');
  slideShow();
});

function slideShow() {
  var current = $('#photos .show');
  next = ($('#photos img').index(current)<$('#photos img').size()-1) ? current.next() :$('#photos img:first');
  current.hide().removeClass('show');
  var $active = $('#slideshow IMG.active');
       
  next.fadeIn().addClass('show'); 
  setTimeout(slideShow, 4000);
}
</script>
<div id="photos">
        <img src="Immagini/screen1.png"></img>
                <img src="Immagini/screen2.png"></img>
                <img src="Immagini/screen3.png"></img>
        </div>

---

Con il codice appena postato fa si che scompare un immagine e appare l'altra, il problema e che facendo quanto detto sopra (cambiare scheda) alcune volte vedo due immagini altre vedo l'immagine come se il CSS non ci fosse ma appena finisce il Timeout e carica la nuova immagine si rivede normale, consigli?

Thanks..