Неправильно работает параллакс, в чем проблема?

Неправильно работает параллакс, в чем проблема?
Использовал популярный плагин jquery.parallax.js. Качал и с оф. сайта, и с работающего примера
Если скроллить мышкой к блоку, в котором используюется параллакс то ещё куда не шло, более-менее работает, и то не очень .. а если обновить браузер на уже видимом блоке, то беда такое впечатление, что ездит только по оси X.
Вот верстка posibnyk.esy.es/mazda
Ссылка на скрипт parallax
Код вызова на самой странице:

$(document).ready(function () {
  $('.layer').parallax(
      {mouseport: $(".section-7")},
      {xparallax: '30px', yparallax: '40px'}, // Layer 0
      {xparallax: '30px', yparallax: '20px'}, // Layer 1
      {xparallax: '30px', yparallax: '40px'}, // Layer 2
      {xparallax: '30px', yparallax: '40px'}, // Layer 3
      {xparallax: '50px', yparallax: '80px'}, // Layer 4
      {xparallax: '30px', yparallax: '40px'}, // Layer 5
      {xparallax: '30px', yparallax: '40px'}, // layer 6
      {xparallax: '30px', yparallax: '40px'}, // layer 7
      {xparallax: '25px', yparallax: '20px'}, // layer 8
      {xparallax: '30px', yparallax: '40px'}, // layer 9
      {xparallax: '30px', yparallax: '40px'}, // layer 10
      {xparallax: '30px', yparallax: '40px'}, // layer 11
      {xparallax: '30px', yparallax: '40px'}, // layer 12
      {xparallax: '30px', yparallax: '40px'}, // layer 13
      {xparallax: '15px', yparallax: '20px'}, // layer 14
      {xparallax: '30px', yparallax: '40px'}, // layer 15
      {xparallax: '30px', yparallax: '40px'}, // layer 16
      {xparallax: '30px', yparallax: '40px'} // layer 17
  );
});