jQuery(document).ready(function() {
    var scrollVisible = jQuery('.sliderGallery').width();
    var fullWidth = jQuery('.sliderGallery .items').width();

    // check if query
    if (query('offset')) {
      var offset = query('offset');
      if (jQuery('#product-'+offset).length > 0) {
        var itemsPos = jQuery('.items').offset().left;
        var pos = jQuery('#product-'+offset).offset().left - itemsPos;
      } else {
        var pos = 0;
      }
    } else {
      var pos = 0;
    }

    jQuery('#btn-prev').click(function() {
        if (pos > 0) {
          pos -= scrollVisible;
          moveSlider(pos);
        }
        return false;
      });

    jQuery('#btn-next').click(function() {
        if ((pos + scrollVisible) < fullWidth) {
          pos += scrollVisible;
          moveSlider(pos);
        }
        return false;
      });

    moveSlider(pos);

  });

function moveSlider(pos) {
  var scrollVisible = jQuery('.sliderGallery').width();
  var fullWidth = jQuery('.sliderGallery .items').width();

  jQuery('.sliderGallery .items').animate({ 'left' : '-' + pos + 'px' }, 1000);
  if ((pos + (scrollVisible * 2)) > fullWidth) {
    // ie 6 hack classes dont work
    jQuery('#btn-next').css('background', 'url("/images/nav-arrow-right-inactive.gif") no-repeat right').css('cursor','default');
  } else {
      jQuery('#btn-next').css('background', 'url("/images/nav-arrow-right-active.gif") no-repeat right').css('cursor','pointer');
  }

  if (pos > 0) {
    jQuery('#btn-prev').css('background', 'url("/images/nav-arrow-left-active.gif") no-repeat').css('cursor','pointer');
  } else {
    jQuery('#btn-prev').css('background', 'url("/images/nav-arrow-left-inactive.gif") no-repeat').css('cursor','default');
  }
}

function query(ji) {
  hu = window.location.search.substring(1);
  gy = hu.split("&");
  for (i=0;i<gy.length;i++) {
    ft = gy[i].split("=");
    if (ft[0] == ji) {
      return ft[1];
    }
  }
}