var businessCardWidth = 460;
var animationSpeed = 500;
var scrollers = {};

$(document).ready( function() {
	
	var scrollerIndex = 0;
	$(".scrollerObject").each(function() {
		var scroller = $(this).find(".scroller");
		var scrollerId = "scroller-" + (++scrollerIndex);
		$(scroller).attr("id", scrollerId);
		scrollers[scrollerId] = {
			count: $(scroller).find(".scrollItem").length,
			position: 1,
			leftArrow: $(this).find(".left_arrow"),
			rightArrow: $(this).find(".right_arrow")
		};
		showOrHideArrows(scrollerId);
	});
	
	$(".scrollerObject .left_arrow").click(function() {
		var scroller = $(this).closest(".scrollerObject").find(".scroller");
		var scrollerId = scroller.attr("id");
		if (scrollers[scrollerId].position <= 1)
			return false;
		scrollers[scrollerId].position--;
		showOrHideArrows(scrollerId);
		scroller.animate({ marginLeft: '+=' + businessCardWidth }, animationSpeed, "easeInOutExpo");
	});
	
	$(".scrollerObject .right_arrow").click(function() {
		var scroller = $(this).closest(".scrollerObject").find(".scroller");
		var scrollerId = scroller.attr("id");
		if (scrollers[scrollerId].position >= scrollers[scrollerId].count)
			return false;
		scrollers[scrollerId].position++;
		showOrHideArrows(scrollerId);
		scroller.animate({ marginLeft: '-=' + businessCardWidth }, animationSpeed, "easeInOutExpo");
	});
	
});

function showOrHideArrows(scrollerId) {
	scrollers[scrollerId].leftArrow.css("display", (scrollers[scrollerId].position <= 1) ? "none" : "block");
	scrollers[scrollerId].rightArrow.css("display", (scrollers[scrollerId].position >= scrollers[scrollerId].count) ? "none" : "block");
}