jquery parallax scroll с изображением bg

Я создаю страницу параллакса с фонами и фиксированными размерами div. Я устанавливаю высоту и ширину изображений на экран с помощью jquery. Но большинство плагинов параллакса не работало со мной :(

Я пытаюсь сделать что-то вроде этого: http://www.spotify.com/int/

Вот моя работа: http://jsfiddle.net/Ybv7n/7/

Это выглядит мой html.

<div class="mainDiv">
    <div id="par1" class="par1 par"><div></div></div>
    <div id="sec1" class="sec1 sec">
        aaaa
    </div>
    <div id="par2" class="par2 par" par><div></div></div>
    <div id="sec2" class="sec2 sec">
        aaa
    </div>
</div>

Мне нужно, чтобы важные части изображений соответствовали экрану. Когда они прокручиваются, они могут немного подняться. Я пробовал все :(