//вызываем нашу функцию+)
$(document).ready(function(){ 
	 var arrow_left = $('#arrow_left a');
	 var arrow_right = $('#arrow_right a');
	 var arrow_left_image = arrow_left.find('.image');
	 var arrow_right_image = arrow_right.find('.image');
	 
	 arrow_left_image.css('left', '-10px');
	 arrow_right_image.css('right', '-10px');
	 
	 var is_animate = false;
	 
	arrow_left.hover(
		function(){
			if( !is_animate ){
				is_animate = true;
				arrow_left_image.animate({'left': '-20px'}, 'normal', function(){
					is_animate = false;
				});
			}
		},
		function(){ 
			if( !is_animate ){
				is_animate = true;
				arrow_left_image.animate({'left': '-10px'}, 'normal', function(){
					is_animate = false;
				});
			}
		}
	);

	arrow_right.hover(
		function(){
			if( !is_animate ){
				is_animate = true;
				arrow_right_image.animate({'right': '-20px'}, 'normal', function(){
					is_animate = false;
				});
			}
		},
		function(){ 
			if( !is_animate ){
				is_animate = true;
				arrow_right_image.animate({'right': '-10px'}, 'normal', function(){
					is_animate = false;
				});
			}
		}
	);
});

