//----------------------------------------------------------------
//病院選択部分

//クリニックの一覧取得
document.write('<script type="text/javascript" src="/reservation/getClinicListFormJS.php"></script>');
//病院をセット
function setClinicSide() {
	areaSel = document.getElementById('calenderArea');
	clinicListOpt = areaopt[areaSel.value];
	clinicListVal = areaval[areaSel.value];
	changeSelect('calenderClinic', clinicListOpt, clinicListVal);
}
//セレクトの変更
function changeSelect(fieldID, newOptions, newValues) {
	selectField = document.getElementById(fieldID);
	selectField.options.length = 0;
	if(typeof(newOptions)!='undefined'){
		selectField.disabled=false;
		selectField.options[selectField.length] = new Option('▼病院を選択してください', '');
		for (i=0; i<newOptions.length; i++) {
			selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
		}
		var valclinic = '';

		var test = '';
		if( valclinic.length > 0 ){
			valclinic.match(/[0-9]{1,4}/);
			var clsel = RegExp.lastMatch;
			for( i=0; i<selectField.length; i++ ){
				if( selectField.options[i].value == clsel ){
					selectField.selectedIndex = selectField.options[i].index;
					break;
				}
			}
		}
	}else{
		selectField.disabled=true;
		selectField.options[selectField.length] = new Option('↑地域を変更して下さい', '');
	}
}
//カレンダーの変更
function setCalendar(){
	clinicID = document.getElementById('calenderClinic').value;
	if(clinicID){
		$("#calenderSide").fadeTo(300, 0);
		setTimeout(function(){
			$("#calenderSide").load(
				"/viewPHP/calendarJS.php?mode=makeCale&clinicID="+clinicID,
				null,
				function(responseText, status, XMLHttpRequest) { $("#calenderSide").fadeTo(500, 1); }
			);
		},300);
	}
}
function changeMonthNext(clinicID){
	$("#calenderSide").fadeTo(300, 0);
	setTimeout(function(){
		$("#calenderSide").load(
			"/viewPHP/calendarJS.php?mode=makeCale&clinicID="+clinicID+"&month=next",
			null,
			function(responseText, status, XMLHttpRequest) { $("#calenderSide").fadeTo(500, 1); }
		);
	},300);
}
function changeMonthPrev(clinicID){
	$("#calenderSide").fadeTo(300, 0);
	setTimeout(function(){
		$("#calenderSide").load(
			"/viewPHP/calendarJS.php?mode=makeCale&clinicID="+clinicID,
			null,
			function(responseText, status, XMLHttpRequest) { $("#calenderSide").fadeTo(500, 1); }
		);
	},300);
}

//ロード後の処理
function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') {
		window.onload = func;
	}else{
		window.onload = function() {
			if (oldonload) {
				oldonload();
			}
			func();
		}
	}
}

addLoadEvent(function() {
	setClinicSide();
});

//----------------------------------------------------------------
//セレクトとカレンダーの取得

document.write('<div style="background-color:#EFEFEF;"><img src="/com_img/jam_tit.gif" alt="各院の混雑状況" />');
document.write('<form style="padding:10px 10px 0;background-color:#EFEFEF;">');
document.write('<select name="calenderArea" id="calenderArea" onchange="setClinicSide();" style="width:100%; margin-bottom:5px;">');
document.write('<option value="" selected>▼地域を選択して下さい</option>');
document.write('<option value="1">北海道</option>');
document.write('<option value="2">東北</option>');
document.write('<option value="3">東京</option>');
document.write('<option value="4">関東</option>');
document.write('<option value="5">中部</option>');
document.write('<option value="6">近畿</option>');
document.write('<option value="7">中国</option>');
document.write('<option value="8">四国</option>');
document.write('<option value="9">九州・沖縄</option>');
document.write('</select>');

document.write('<select name="calenderClinic" id="calenderClinic" onchange="setCalendar();" style="width:100%">');
document.write('<option value="">▼病院を選択してください</option>');
document.write('</select>');
document.write('</form></div>');

document.write('<div id="calenderSide"><form class="scheForm"><p class="scheL">8月</p><table cellspacing="0" class="defTbl" id="calendar" style="margin-bottom:25px;"><tr valign="top"><th class="sun">日</th><th class="week">月</th><th class="week">火</th><th class="week">水</th><th class="week">木</th><th class="week">金</th><th class="sat">土</th></tr><tr><td colspan="7" style="height:180px; background:#f4f4f4">上の地域・病院を選択すると、<br />ここに混雑状況が表示されます。</td></tr></table><p class="p2"><img src="/com_img/jam_han.gif" alt="凡例　◎余裕があります　○比較的余裕があります　△混雑しています　--休診日" width="197" height="70" /></p></form></div>');