$(document).ready(function() {
    var CurrentIndex = 0;
    var $CarouselBoxes = $(".carouselbox");
    var $CarouselContainer = $("#carouselboxes");


    if($CarouselBoxes.length > 4){
	    $("#homecarousel .leftarrow_off")
	    	.click(function(e) {
			this.blur();
			if (CurrentIndex != 0) {
			    CurrentIndex--;
			    $("#carouselboxes").animate({ left: CurrentIndex * -208 }, 300);
			    
			    $("#homecarousel .rightarrow_off").removeClass().addClass("rightarrow").attr("href", "#");
			    
			    if(CurrentIndex == 0){
			   	$(this).removeClass().addClass("leftarrow_off");
			    }
			}
			e.preventDefault();
	    	}
	    );

	    $("#homecarousel .rightarrow_off")
	    	.removeClass()
	    	.addClass("rightarrow")
	    	.click(function(e) {
			this.blur();
			if (CurrentIndex + 4 < $CarouselBoxes.length) {
			    CurrentIndex++;
			    $("#carouselboxes").animate({ left: CurrentIndex * -208 }, 300);
			    
			    $("#homecarousel .leftarrow_off").removeClass().addClass("leftarrow").attr("href", "#");
			    
			    if(CurrentIndex + 4 == $CarouselBoxes.length){
			   	$(this).removeClass().addClass("rightarrow_off");
			    }
			}
			e.preventDefault();
	    	}
	    );	
    }
    
});