// Featured listings scroller
var cache = [];
var wrapWidth;
var origWidth;
var scrollSpeed = 1;
var imScrolling = true;

jQuery.noConflict()(function() {
  // Triple our props for scrolling
  origWidth = jQuery('#scroller .prop').size() * 211; //jQuery('#scroller .prop:last').width();
  var propChunk = jQuery('#scroller').html();
  jQuery('#scroller').append(propChunk);
  jQuery('#scroller').append(propChunk);

  // Figure out when to wrap
  wrapWidth = origWidth * -2;

  // Set initial offset
  jQuery('#scroller').css('left', (origWidth * -1) + 'px');

  jQuery('.btnRight').hover(
    function() {
      scrollSpeed = 10;
    },
    function() {
      scrollSpeed = 1;
    }
  );

  jQuery('.btnLeft').hover(
    function() {
      scrollSpeed = -10;
    },
    function() {
      scrollSpeed = 1;
    }
  );

  jQuery('.prop a img').mouseover(function() {
      var rollImg = 'gfx/props/' + jQuery(this).attr('imgid') + '_roll.png';
      jQuery(this).attr('src', rollImg);
    }).mouseout(function() {
      jQuery(this).attr('src', 'gfx/x.gif');
    });
});

setInterval(scrollForwards, 50);

function scrollForwards() {
  if (imScrolling == true) {
    var offset = parseInt(jQuery('#scroller').css('left'));
//console.log(offset + ' vs ' + wrapWidth);
    if (offset <= wrapWidth || offset >= 0)
    {
      // Went too far left or right - wrap
      jQuery('#scroller').css('left', (origWidth * -1) + 'px');
    } else {
      jQuery('#scroller').css('left', (offset - scrollSpeed) + 'px');
    }
  }
}


// Arguments are image paths relative to the current page.
preLoadImages = function() {
  var args_len = arguments.length;
  for (var i = args_len; i--;) {
    var cacheImage = document.createElement('img');
    cacheImage.src = arguments[i];
    cache.push(cacheImage);
  }
}

preLoadImages('gfx/props/meridian-2402_roll.png', 'gfx/props/meridian-903_roll.png', 'gfx/props/cityfront-420_roll.png', 'gfx/props/grande-south-1206_roll.png', 'gfx/props/harbor-club-3004_roll.png', 'gfx/props/jockey-club-7447_roll.png', 'gfx/props/jockey-club-7479_roll.png', 'gfx/props/meridian-1905_roll.png', 'gfx/props/meridian-2201_roll.png', 'gfx/props/meridian-2403_roll.png', 'gfx/props/meridian-504_roll.png', 'gfx/props/meridian-703_roll.png', 'gfx/props/meridian-708_roll.png', 'gfx/props/pinnacle-3103_roll.png', 'gfx/props/pinnacle-3402_roll.png');