window.onload = function(){
			try {yoyaku_data_get("today");
		} catch (e) {
			alert(e.toString());
		}
	}

function yoyaku_data_get(day) {

	var result = $("yoyaku");
	if(day == "today"){
		result.innerHTML = "<p>本日の予約状況を読み込んでいます。</p><p><a href=\"#\" onclick=\"yoyaku_data_get('today');\">数秒たっても応答がない場合はここをクリック</a></p>";
	}else{
		result.innerHTML = "<p>明日の予約状況を読み込んでいます。</p><p><a href=\"#\" onclick=\"yoyaku_data_get('');\">数秒たっても応答がない場合はここをクリック</a></p>";
	}

  var date = new Date();
  var timestamp = date.getTime();

  var url = "engine.cgi?time=" + timestamp + "&day=" + day;

  var paramList = "";

  new Ajax.Request(url,
    {
      method: 'get',
      onSuccess: getData,
      onFailure: showErrMsg,
      parameters: paramList
  });

 
  function getData(data){
	
	var jason = data.responseText.evalJSON();// JSON形式で受け取る
	$("yoyaku").update(jason.main);
		$("mytable_1").update(jason.mytable_1);
			$("mytable_2").update(jason.mytable_2);
				$("mytable_3").update(jason.mytable_3);
					$("mytable_4").update(jason.mytable_4);
				
	  
  if(day == "today"){
  	$("yoyaku_statement").update('<img src="/img/comment_yoyaku.png">');
  }else{
  	$("yoyaku_statement").update('<img src="/img/comment_yoyaku2.png">');
  }

	//右袖のグラデを調整するため、最下位の要素までの長さ取得し、右袖のグラフを伸ばす



}

  function showErrMsg(){
  	result.update("データを取得できませんでした。");
  }



}