jQuery(document).ready(function($) {
	/**
	 * Hover animation for the scrolling arrows
	 * They grow on hover and shrink on hiver out
	 * Need to use absolute widths with the stop() so that
	 * we don't get animation queue and they don't shrink/grow over time
	 */ 
	$('.scroll-image-left').hover(
		function() {
			if($(this).parent().hasClass('disabled')) return false;
			$(this).stop().animate({width: 44}, 500, 'swing');
		}, 
		function() {
			if($(this).parent().hasClass('disabled')) return false;
			$(this).stop().animate({width: 36}, 500, 'swing');
		}
	);
	
	$('.scroll-image-right').hover(
		function() {
			if($(this).parent().hasClass('disabled')) return false;
			$(this).stop().animate({width: 44}, 500, 'swing');
		}, 
		function() {
			if($(this).parent().hasClass('disabled')) return false;
			$(this).stop().animate({width: 36}, 500, 'swing');
		}
	);
});