BU = {
	
	// Initialize functions 
  	init 	:  	function () {
  	
  		BU.infiniteCarousel(); 	
  	},
  	
  	//Animate Boxes
  	infiniteCarousel :  function () {
		
		$("#carouselUl li:first").before($("#carouselUl li:last"));

		// When users click the right Arrow
		$("#rightArrow").click(function(){
			var liWidth = $('#carouselUl li').outerWidth() + 10;  
			var liLeft = parseInt($("#carouselUl").css("left"))-liWidth;
			$("#carouselUl").animate({"left":liLeft},function(){
				$("#carouselUl li:last").after($("#carouselUl li:first"));
				$("#carouselUl").css({"left":"0px"});
			});
		});
		
		//When users click the left Arrow
		$("#leftArrow").click(function(){		
			var liWidth = $('#carouselUl li').outerWidth() + 10;  
			var liLeft = parseInt($("#carouselUl").css("left"))+liWidth;
			$("#carouselUl").animate({"left":liLeft},function(){
				$("#carouselUl li:first").before($("#carouselUl li:last"));
				$("#carouselUl").css({"left":"0px"});
			});
		});
		
	},
	
}

// Document Ready
$(document).ready(function() {
  	
	// Initialize
	BU.init();
	
	
});