//fix for jQuery position in chrome
jQuery.fn.aPosition = function() {
  thisLeft = this.offset().left;
  thisTop = this.offset().top;
  thisParent = this.parent();
  parentLeft = thisParent.offset().left;
  parentTop = thisParent.offset().top;
  return {
    left: thisLeft-parentLeft,
    top: thisTop-parentTop
  };
};

jQuery(function( $ ){
  activeslide = 0;

  goTo = function(slide) {
    activeslide = slide % 4;
    $('#mainslider').stop().animate({
      scrollLeft: $('#mainslider .slide:eq('+activeslide+')').aPosition().left
    },'slow');
    $('#titleslider').stop().animate({
      scrollLeft: $('#titleslider .slide:eq('+activeslide+')').aPosition().left
    },'slow');
    $('#slidernav .button')
    .removeClass('active')
    .eq(activeslide)
    .addClass('active');
  };

  runSlider = function(){
    if (activeslide < 3) {
      setTimeout(runSlider, 25000);
    }
    goTo(activeslide+1);
  };
  setTimeout(runSlider, 25000);


  $('#slidernav .button').each(function(index, item) {
    // $(item).bind('mouseenter click', function(eventData){
    $(item).bind('click', function(eventData){
      goTo(index);
    });
  });
});