Слайдер картинок autoadvance

Простой и удобный слайдер картинок с визуально приятным переходом от одного слайдера к другому. Если пользователь кликнет на стрелочки влево вправо для перехода к следующему слайду, то автоматическая смена картинок прекращается. Слайдер использует jQuery v1.4.2

Структура кода

<link rel="stylesheet" type="text/css" href="styles.css" />

<div id="slideshow">
<ul class="slides">
    <li><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>
        <li><img src="img/photos/2.jpg" width="620" height="320" alt="Turrimetta Beach - Dawn" /></li>
        <li><img src="img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>
        <li><img src="img/photos/4.jpg" width="620" height="320" alt="Colors of Nature" /></li>
    </ul>
    <span class="arrow previous"></span>
    <span class="arrow next"></span>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
<script src="autoadvance.js"></script>