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

Интересный слайдер, вернее интересна визуализация миниатюр. Они развернуты таким образом, что создается впечатление, как-будто это разбросаны фотографии. При каждом обновлении окна, поворот миниатюр меняется, что несомненно плюс. Как и у большинства слайдеров у Parallax есть настройки, которые позволяют регулировать скорость смены слайдов, отключать автоматический поворот миниатюр, включать и отключать автоматическую смену слайдов.

Есть правда и минус, при смене картинки например с 1-й на 3-ю мимо нас пробегает и вторая. Слайдер выглядит, как старая пленка для проявки фотографий, где фотографии идут друг за другом. Если мы нажимаем будучи на первом слайде на 5-й, то мимо нас уже проезжают 3 лишних кадра и минус из той же серии, когда мы находимся на последнем кадре предположим, что это 6-й, то при клике на следующий кадр у нас должен открываться 1-й без перемотки, увы.
Но видимо это вызвано, еще одной изюминкой слайдера, а именно фоновыми картинками, которые имеют прозрачность (PNG) и разный размер, что создает при движении слайдов иллюзию объемного фона.

Слайдер Parallax использует jQuery 1.4.2 и возможности HTML5

Структура html кода не считая JavaScript

<div id="pxs_container" class="pxs_container">
<div class="pxs_bg">
<div class="pxs_bg1"></div>
<div class="pxs_bg2"></div>
<div class="pxs_bg3"></div>
</div>
<div class="pxs_loading">Loading images...</div>
<div class="pxs_slider_wrapper">
<ul class="pxs_slider">
<li><img src="images/1.jpg" alt="First Image" /></li>
<li><img src="images/2.jpg" alt="Second Image" /></li>
<li><img src="images/3.jpg" alt="Third Image" /></li>
<li><img src="images/4.jpg" alt="Forth Image" /></li>
<li><img src="images/5.jpg" alt="Fifth Image" /></li>
<li><img src="images/6.jpg" alt="Sixth Image" /></li>
</ul>
<div class="pxs_navigation">
<span class="pxs_next"></span>
<span class="pxs_prev"></span>
</div>
<ul class="pxs_thumbnails">
<li><img src="images/thumbs/1.jpg" alt="First Image" /></li>
<li><img src="images/thumbs/2.jpg" alt="Second Image" /></li>
<li><img src="images/thumbs/3.jpg" alt="Third Image" /></li>
<li><img src="images/thumbs/4.jpg" alt="Forth Image" /></li>
<li><img src="images/thumbs/5.jpg" alt="Fifth Image" /></li>
<li><img src="images/thumbs/6.jpg" alt="Sixth Image" /></li>
</ul>
</div>
</div>