var containerPos = 0;
var countView = 4;
var marginContainerMin;
var elementWidth;
var countAll;
$(function() {       
//	elementWidth = parseInt($("#cases_container a").css("margin-right"))+parseInt($("#cases_container a").css("width"));
	elementWidth = 229;
	countAll = $("#cases_container a").length;
	marginContainerMin = elementWidth*(countView - countAll);
	if (countAll <= countView) {
		$("#arrow_next").addClass("rightblocked");
	}
	$("#arrow_next").click(function(){
		if (containerPos > marginContainerMin){
			containerPos -= elementWidth;
			$("#cases_container").animate({marginLeft: containerPos+"px"}, 500 );
			if (containerPos <= marginContainerMin){
				$("#arrow_next").addClass("rightblocked");
			}
			if (containerPos < 0){
				$("#arrow_left").removeClass("leftblocked");
			}
		}
	})
	$("#arrow_left").click(function(){
		if (containerPos < 0){
			containerPos += elementWidth;
			$("#cases_container").animate({marginLeft: containerPos+"px"}, 500 );
			if (containerPos > marginContainerMin){
				$("#arrow_next").removeClass("rightblocked");
			}
			if (containerPos >= 0){
				$("#arrow_left").addClass("leftblocked");
			}
		}
	})
});