/**
 * Online service
 * Version: 12 Apr 2010
 * Depends: Dynatech inc.
 */
document.write('<div class="onlineservice">');
document.write('<div class="onlineservice-inner">');
document.write('<div class="onlineservice-inner-inner">');

// Online service heading
document.write('<h2 class="onlineservice-hd">オンライン サービス</h2>');
document.write('<p class="onlineservice-read">24時間いつでも簡単に<br />オンライン予約ができます。</p>');

// Booking search
document.write('<form name ="frmplanseek">');
document.write('<div class="booking-search">');
document.write('<div class="booking-search-inner">');
document.write('<h3 class="booking-search-hd">日付から検索</h3>');
document.write('<table cellpsacing="0" cellpadding="0" border="0">');
document.write('<tr>');
document.write('<td colspan="2">ホテル名<br />');
document.write('<select name="cmbHOTEL">');
document.write('<option value="08270,001">ホテルささゆり</option>');
document.write('<option value="08570,001">ホテルやまゆり</option>');
document.write('<option value="08580,001">ホテルひめゆり</option>');
document.write('</select></td>');
document.write('</tr>');

document.write('<tr>');
document.write('<td colspan="2">宿泊日<em>（年/月/日）</em><br />');
document.write('<select name="cmbARRY" id="cmbARRY"></select>&nbsp;');
document.write('<select name="cmbARRM" id="cmbARRM">');
document.write('<option value="1">1</option>');
document.write('<option value="2">2</option>');
document.write('<option value="3">3</option>');
document.write('<option value="4">4</option>');
document.write('<option value="5">5</option>');
document.write('<option value="6">6</option>');
document.write('<option value="7">7</option>');
document.write('<option value="8">8</option>');
document.write('<option value="9">9</option>');
document.write('<option value="10">10</option>');
document.write('<option value="11">11</option>');
document.write('<option value="12">12</option>');
document.write('</select>&nbsp;');
document.write('<select name="cmbARRD" id="cmbARRD">');
document.write('<option value="1">1</option>');
document.write('<option value="2">2</option>');
document.write('<option value="3">3</option>');
document.write('<option value="4">4</option>');
document.write('<option value="5">5</option>');
document.write('<option value="6">6</option>');
document.write('<option value="7">7</option>');
document.write('<option value="8">8</option>');
document.write('<option value="9">9</option>');
document.write('<option value="10">10</option>');
document.write('<option value="11">11</option>');
document.write('<option value="12">12</option>');
document.write('<option value="13">13</option>');
document.write('<option value="14">14</option>');
document.write('<option value="15">15</option>');
document.write('<option value="16">16</option>');
document.write('<option value="17">17</option>');
document.write('<option value="18">18</option>');
document.write('<option value="19">19</option>');
document.write('<option value="20">20</option>');
document.write('<option value="21">21</option>');
document.write('<option value="22">22</option>');
document.write('<option value="23">23</option>');
document.write('<option value="24">24</option>');
document.write('<option value="25">25</option>');
document.write('<option value="26">26</option>');
document.write('<option value="27">27</option>');
document.write('<option value="28">28</option>');
document.write('<option value="29">29</option>');
document.write('<option value="30">30</option>');
document.write('<option value="31">31</option>');
document.write('</select></td>');
document.write('</tr>');

document.write('<tr>');
document.write('<td>宿泊数<br />');
document.write('<select name="hidSELECTHAKSU" id="hidSELECTHAKSU">');
document.write('<option value="1">1</option>');
document.write('<option value="2">2</option>');
document.write('<option value="3">3</option>');
document.write('<option value="4">4</option>');
document.write('<option value="5">5</option>');
document.write('</select>&nbsp;泊</td>');
document.write('<td>利用人数<em>（1部屋）</em><br />');
document.write('<select name="cmbADULT" id="cmbADULT">');
document.write('<option value="1">1</option>');
document.write('<option value="2" selected="selected">2</option>');
document.write('<option value="3">3</option>');
document.write('<option value="4">4</option>');
document.write('<option value="5">5</option>');
document.write('<option value="6">6</option>');
document.write('<option value="7">7</option>');
document.write('<option value="8">8</option>');
document.write('<option value="9">9</option>');
document.write('<option value="10">10</option>');
document.write('<option value="11">11</option>');
document.write('<option value="12">12</option>');
document.write('</select>&nbsp;名様</td>');
document.write('</tr>');

document.write('<tr>');
document.write('<td colspan="2">');
document.write('宿泊料金の範囲<br />');
document.write('<select name="minPrice" id="minPrice">');
document.write('<option value="0" selected="selected">下限なし</option>');
document.write('<option value="5000">￥5,000</option>');
document.write('<option value="6000">￥6,000</option>');
document.write('<option value="7000">￥7,000</option>');
document.write('<option value="8000">￥8,000</option>');
document.write('<option value="10000">￥10,000</option>');
document.write('<option value="15000">￥15,000</option>');
document.write('<option value="20000">￥20,000</option>');
document.write('<option value="25000">￥25,000</option>');
document.write('<option value="30000">￥30,000</option>');
document.write('<option value="35000">￥35,000</option>');
document.write('<option value="40000">￥40,000</option>');
document.write('<option value="45000">￥45,000</option>');
document.write('<option value="50000">￥50,000</option>');
document.write('</select>&nbsp;から');
document.write('<div class="sept">');
document.write('<select name="maxPrice" id="maxPrice">');
document.write('<option value="8000">￥8,000</option>');
document.write('<option value="10000">￥10,000</option>');
document.write('<option value="11000">￥11,000</option>');
document.write('<option value="12000">￥12,000</option>');
document.write('<option value="13000">￥13,000</option>');
document.write('<option value="14000">￥14,000</option>');
document.write('<option value="15000">￥15,000</option>');
document.write('<option value="20000">￥20,000</option>');
document.write('<option value="25000">￥25,000</option>');
document.write('<option value="30000">￥30,000</option>');
document.write('<option value="35000">￥35,000</option>');
document.write('<option value="40000">￥40,000</option>');
document.write('<option value="50000">￥50,000</option>');
document.write('<option value="60000">￥60,000</option>');
document.write('<option value="70000">￥70,000</option>');
document.write('<option value="80000">￥80,000</option>');
document.write('<option value="90000">￥90,000</option>');
document.write('<option value="100000">￥100,000</option>');
document.write('<option value="110000">￥110,000</option>');
document.write('<option value="120000">￥120,000</option>');
document.write('<option value="130000">￥130,000</option>');
document.write('<option value="140000">￥140,000</option>');
document.write('<option value="150000">￥150,000</option>');
document.write('<option value="9999999" selected="selected">上限なし</option>');
document.write('</select>&nbsp;まで</div></td>');
document.write('</tr>');

document.write('<tr>');
document.write('<th class="btns" colspan="2">');
document.write('<input id="seek" class="btn" type="submit" name="seek" value="&nbsp;検&nbsp;索&nbsp; " onclick="btnSeekSubmit(); return false;" />');
// document.write('<a id="seek" class="btn" href="javascript:btnSeekSubmit();" name="seek">検索</a>');
document.write('<input type="hidden" name="hidSELECTARRYMD" value="" />');
document.write('</th>');
document.write('</tr>');
document.write('</table>');

// 日付情報をセット
var objfrm = document.frmplanseek;
var year;

// コンボボックスの年の場所を作成
today = new Date();

year = today.getYear();
if(year < 2000){ year += 1900;}

var len = objfrm.cmbARRY.length;
objfrm.cmbARRY.options[len] = new Option(year,year);
objfrm.cmbARRY.options[len + 1] = new Option(year +1,year +1);

// コンボボックスに日付を設定
today.setDate(today.getDate() + 1);
objfrm.cmbARRY.value = today.getYear();
objfrm.cmbARRM.value = today.getMonth() + 1;
objfrm.cmbARRD.value = today.getDate();

// サブミットボタンをクリックした
function btnSeekSubmit(btnName){

	//ホテル名も検索対象に入れるとき==================================
	var htl = new Array();
	htl = document.frmplanseek.cmbHOTEL.value.split(',');
//	alert(htl[0]);
//	alert(htl[1]);
	//==================================================================

	// 日付の設定
	setSeekYmd(objfrm);

	//ウインドウオープンの場合
//		window.open('https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=' + htl[0] + '&hcod2=' + htl[1] + '&hidmode=select&mode=seek&hidSELECTARRYMD='+document.frmplanseek.hidSELECTARRYMD.value + '&hidSELECTHAKSU='+document.frmplanseek.hidSELECTHAKSU.value + '&hidSELECTadult='+document.frmplanseek.cmbADULT.value + '&hidSELECTminPrice='+document.frmplanseek.minPrice.value + '&hidSELECTmaxPrice='+document.frmplanseek.maxPrice.value,'planlist','width=800,Height=600,resizable=yes,scrollbars=yes,status=yes');

	//そのままサブミットの場合
		document.frmplanseek.action = 'https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=' + htl[0] + '&hcod2=' + htl[1] + '&mode=seek&hidSELECTARRYMD='+document.frmplanseek.hidSELECTARRYMD.value + '&hidSELECTHAKSU='+document.frmplanseek.hidSELECTHAKSU.value + '&cmbADULT='+document.frmplanseek.cmbADULT.value + '&minPrice='+document.frmplanseek.minPrice.value + '&maxPrice='+document.frmplanseek.maxPrice.value ;
		document.frmplanseek.method = 'POST';
		document.frmplanseek.submit();

}

// コンボボックスから日付にコンバート
function setSeekYmd(obj){
	var tmpText;
	var sIndex;

	sIndex = obj.cmbARRY.selectedIndex;
	tmpText = obj.cmbARRY.options[sIndex].value;
	sIndex = obj.cmbARRM.selectedIndex;
	tmpText = tmpText + '/' + obj.cmbARRM.options[sIndex].value;
	sIndex = obj.cmbARRD.selectedIndex;
	tmpText = tmpText + '/' + obj.cmbARRD.options[sIndex].value;

	obj.hidSELECTARRYMD.value = tmpText
}
document.write('</div>');
document.write('</div>');
document.write('</form>');

// Booking buttons
document.write('<div class="booking-buttons">');
document.write('<div class="booking-buttons-inner">');
document.write('<ul>');
// document.write('<li class="booking-buttons-plan"><a href="https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=08270&hcod2=001&mode=seek&clrmode=true&reffrom=">宿泊プランから選ぶ</a></li>');
// document.write('<li class="booking-buttons-room"><a href="" target="_blank">お部屋のタイプから選ぶ</a></li>');
document.write('<li class="booking-buttons-available"><a href="https://asp.hotel-story.ne.jp/ver3d/ASPY0000Calendaronly.asp?cod1=08270&cod2=001&lnk=on&mode=ALL">空室状況</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');

// Booking option
document.write('<div class="booking-option">');
document.write('<div class="booking-option-inner">');
document.write('<h3 class="booking-option-hd">施設から選ぶ</h3>');
document.write('<ul>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=08270&hcod2=001&mode=seek&clrmode=true&reffrom=">ホテルささゆり</a></li>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=08570&hcod2=001&mode=seek&clrmode=true&reffrom=">ホテルやまゆり</a></li>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/planlist.asp?hcod1=08580&hcod2=001&mode=seek&clrmode=true&reffrom=">ホテルひめゆり</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');

// Booking links
document.write('<div class="booking-links">');
document.write('<div class="booking-links-inner">');
document.write('<ul>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/ASPK0100.asp?cod1=08270&cod2=" target="_blank">会員登録（登録無料）</a></li>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/ASPY0300.asp?cod1=08270&cod2=" target="_blank">予約の確認・変更・取消</a></li>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/ASPK0200.asp?cod1=08270&cod2=" target="_blank">会員情報の確認・変更・退会</a></li>');
document.write('<li><a href="https://asp.hotel-story.ne.jp/ver3d/RMND0000.asp?hcod1=08270&grp=08270" target="_blank">暗証番号をお忘れの方</a></li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');

document.write('</div>');
document.write('</div>');
document.write('</div>');