$(function(){
				
				/**
				 * ローディング
					*/
				$("#console_icon").bind("ajaxSend", function(){
							$(this).attr('src', './images/console_loading.gif');
				});
											
											
				/**
					* カレンダー表示タブ
					*/
				$('#calendar_list li a').click(function(){
								
								// ターゲットのID
								var calendarDate = $(this).parent().attr("id");
								
								// カレンダーを表示するボックス
								var calendarBox = $("#calendar_box");
								
								viewCalendar(calendarDate, calendarBox);
								
				    return false;
								
				});
				
				
});


/**
 * カレンダーを表示
	*/
function viewCalendar(calendarDate, calendarBox){
	   
				var liId;
				var calendarTabImage;
				
				// カレンダーリスト
				$.each($("#calendar_list").find("li"), function(){
																		
								liId = $(this).attr("id");
								
								// クリックされたタブの画像
								if(liId == calendarDate){
								    calendarTabImage = "calendar_select";
												
								// それ以外のタブの画像
								}else{
								    calendarTabImage = "calendar";									
								}
								
								// liのバックグラウンドイメージの変更
								$('#calendar_list li#' + liId).css(
												'background', 
												'url(./images/' + calendarTabImage + '.gif) no-repeat bottom center'
								);
				
				});
		  
				// ajax
				$.ajax({
								type    :"POST",
								dataType:"html",
								url     :"./plan_ajaxcalendar/",
								data    :{
									'calendarDate':calendarDate
								},
								cache   :false,
								success :function(result){									
												calendarBox.html(result);
												thisData = $('ul#calendar_list li#' + calendarDate + ' a').html();
												
												result = {"message" : thisData + "の空室状況です。ご宿泊希望の日付をクリックしてください。"}

												resultsDisplay(result);
								},
								error   :ajaxError
				});
				
				return false;
	
}


/**
 * コンソールへの結果表示
	*/
function resultsDisplay(result){
	
				$("#console span").html(result.message);
				$("img#console_icon").attr('src', './images/console_note.gif');
				$("#console").effect("highlight", {}, 1000);
	
}


/**
 * コンソールへのエラー表示
	*/
function errorDisplay(result){
	
				$("#console span").html(result.message);
				$("img#console_icon").attr('src', './images/console_error.gif');
				$("#console").effect("pulsate", { times: 5 }, 700);
	
}


/**
 * jQuery.ajaxエラー関数
	*/
function ajaxError(){
				
				$("#console span").html("ajaxエラー");
				$("img#console_icon").attr('src', './images/console_error.gif');
				$("#console").effect("pulsate", { times: 5 }, 700);
				
}