$(function(){

	var monthNum = $("#monthCalendar ul li").length;
	var totalNum = monthNum;
	var calendarWidth = totalNum *198;
	$("#monthCalendar ul").css("width",calendarWidth);
	
	
	if(monthNum>2){
		$("#nextBtn").css("display","block");
	}
	
	$("#nextBtn").click(function(){
		$("#nextBtn").css("display","none");
		$("#prevBtn").css("display","none");
		monthNum -= 1;
		$("#monthCalendar ul:not(:animated)").animate({
			left: '-=198'
			},1000, function() {
				$("#prevBtn").css("display","block");
				if(monthNum>2){
					$("#nextBtn").css("display","block");
				}
			});
	});
	
	$("#prevBtn").click(function(){
		$("#nextBtn").css("display","none");
		$("#prevBtn").css("display","none");
		monthNum +=1;
		$("#monthCalendar ul:not(:animated)").animate({
			left: '+=198'
			},1000, function() {
				$("#nextBtn").css("display","block");
				if(monthNum<totalNum){
					$("#prevBtn").css("display","block");
				}
			});
	});

});