<![CDATA[
<s:behavior b:name="mouseevents">
<s:event b:on="mouseenter">
<s:setstyle b:background-color="#D4EAF9" />
</s:event>
<s:event b:on="mouseleave">
<s:setstyle b:background-color="#FFFFFF" />
</s:event>
<s:event b:on="filter-in">
<s:task b:action="show" />
<s:fxstyle b:height="auto" b:time="500" />
</s:event>
<s:event b:on="filter-out">
<s:fxstyle b:height="0px" b:time="500" />
<s:task b:action="hide" />
</s:event>
</s:behavior>
<s:behavior b:name="filter-slider">
<s:event b:on="construct" b:action="js" b:value="{concat(string(@w:section), '.AddFilter(''', @w:prop, ''',''NUMBER'')')}" />
<s:event b:on="change">
<s:choose>
<s:when b:test="@w:filtertype = 'upper'">
<s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].SetUpper(',@b:value,');')}" />
</s:when>
<s:when b:test="@w:filtertype = 'lower'">
<s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].SetLower(',@b:value,');')}" />
</s:when>
</s:choose>
<s:task b:action="js" b:value="{concat(string(@w:section), '.ApplyFilters(''', @w:prop,''');')}" />
</s:event>
</s:behavior>
<s:behavior b:name="filter-match">
<s:event b:on="construct">
<s:task b:action="js" b:value="{concat(string(@w:section), '.AddFilter(''', @w:prop, ''',''MATCH'');')}" />
<s:task b:test="@b:state='selected'" b:action="trigger" b:event="change" />
</s:event>
<s:event b:on="change">
<s:choose>
<s:when b:test="@b:state = 'selected'">
<s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].AddMatch(''',@b:value,''');')}" />
</s:when>
<s:otherwise>
<s:task b:action="js" b:value="{concat(string(@w:section),'.aFilters[''' ,@w:prop,'''].RemoveMatch(''',@b:value,''');')}" />
</s:otherwise>
</s:choose>
<s:task b:action="js" b:value="{concat(string(@w:section), '.ApplyFilters(''', @w:prop,''');')}" />
</s:event>
</s:behavior>
<s:tasklist b:name="itemsort">
<s:fxstyle b:motion="log" />
<s:task b:action="sort" b:source="id('planitems')/div" b:target="id('planitems')"/>
</s:tasklist>
<s:gfxset b:directory="controls/b-slider" b:tag="b:slider" b:name="TK">
<s:gfx b:type="grippy" b:normal="horizontal_grippy.gif" />
</s:gfxset>
<b:panelset b:rows="68px 10px * 10px">
<b:panel style="overflow:hidden;"><img src="./head_img.jpg" width="760" height="67" alt="CMPUNCH Ajax Travel Demo" /></b:panel>
<b:panel style="clear:both; overflow:hidden;" />
<b:panel>
<b:panelset b:cols="10px 230px 10px 510px" style="width:760px;">
<b:panel />
<b:panel>
<div class="div-border">
<div class="div-title">検索条件設定</div>
<div class="div-matter">
<b:box>
<div class="matter">料金で絞り込み</div>
<b:slider id="slide_price" class="sliderClass" b:gfxset="TK" b:behavior="filter-slider" w:section="planitem" w:prop="price" w:filtertype="upper" b:value="15000" b:ori="hor" b:start="5000" b:end="15000" b:snap="true" b:step="1000" b:focusindicator="false" />
お一人様 <input type="text" b:connect="id('slide_price')" size="7" value="" /> 円以内
</b:box>
<b:box>
<div class="matter">コース時間で絞り込み</div>
<b:slider id="slide_time" class="sliderClass" b:gfxset="TK" b:behavior="filter-slider" w:section="planitem" w:prop="time" w:filtertype="upper" b:value="8" b:ori="hor" b:start="1" b:end="8" b:snap="true" b:step="1" b:focusindicator="false" />
<input type="text" b:connect="id('slide_time')" size="7" value="" /> 時間以内
</b:box>
<b:box>
<div class="matter">目的で絞り込み</div>
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="0" /> マニアックな<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="1" /> 夜景を見る<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="2" /> 東京下町観光<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="3" /> 四季の名所<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="4" /> 人気のスポット<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="5" /> お台場<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="6" /> 横浜<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="7" /> 買い物優先<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="8" /> 名所・旧跡<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="9" /> 歴史を感じる<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="10" /> 美術・芸術<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="11" /> 公園・名所<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="12" /> 神社仏閣<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="13" /> テレビ・雑誌で話題の場所<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="14" /> アウトレット・ショップ<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="15" /> 芸能人に会えるかも<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="purpose" w:section="planitem" b:value="16" /> 学校
</b:box>
<b:box>
<div class="matter">一緒に行く人で絞り込み</div>
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="0" /> 夫婦<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="1" /> 家族(子供あり）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="2" /> 家族(大人のみ）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="3" /> 友人同士（シニア）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="4" /> 友人同士(若者）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="5" /> 女性同士(シニア/友人）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="6" /> 女性同士(若者/友人）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="7" /> 女性同士（母娘）<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="8" /> お年寄り<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="9" /> お体の不自由な方<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="10" /> 受験生<br />
<input type="checkbox" checked="checked" b:behavior="filter-match" w:filtertype="match" w:prop="with" w:section="planitem" b:value="11" /> その他<br />
</b:box>
</div>
</div>
</b:panel>
<b:panel />
<b:panel id="resultPanel">
<div class="div-border">
<div class="div-title">検索結果</div>
<div class="div-content">
<div id="sortcondition">
<div class="HCourseNo"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:no">コースNo.</a></div>
<div class="HCourseName"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:plan">コース名</a></div>
<div class="HCourseTime"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:time">所要時間</a></div>
<div class="HCoursePrice"><a href="javascript:void(0);" b:onclick="itemsort" b:attribute="b:price">お一人様料金</a></div>
</div>
<div id="planitems">
<div id="planitem-0" b:behavior="mouseevents" class="planitem" b:no="cmp001" b:plan="一風変わった東京巡り" b:price="8500" b:time="300">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[0] = new Item(0); planitem.aResults[0]['price']=8500; planitem.aResults[0]['time']=5; planitem.aResults[0]['purpose']='0'; planitem.aResults[0]['with']='0';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp001</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp001d')">一風変わった東京巡り</a></td>
<td class="CourseTime">5時間</td>
<td class="CoursePrice">8,500円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp001d">
<table>
<tr>
<td><img src="images/cmp001.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
<div id="planitem-1" b:behavior="mouseevents" class="planitem" b:no="cmp002" b:plan="夜景を見ながら東京巡り" b:price="5100" b:time="180">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[1] = new Item(1); planitem.aResults[1]['price']=5100; planitem.aResults[1]['time']=3; planitem.aResults[1]['purpose']='1'; planitem.aResults[1]['with']='1';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp002</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp002d')">夜景を見ながら東京巡り</a></td>
<td class="CourseTime">3時間</td>
<td class="CoursePrice">5,100円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp002d">
<table>
<tr>
<td><img src="images/cmp002.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
<div id="planitem-2" b:behavior="mouseevents" class="planitem" b:no="cmp003" b:plan="東京下町巡り" b:price="6800" b:time="240">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[2] = new Item(2); planitem.aResults[2]['price']=6800; planitem.aResults[2]['time']=4; planitem.aResults[2]['purpose']='2'; planitem.aResults[2]['with']='2';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp003</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp003d')">東京下町巡り</a></td>
<td class="CourseTime">4時間</td>
<td class="CoursePrice">6,800円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp003d">
<table>
<tr>
<td><img src="images/cmp003.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
<div id="planitem-3" b:behavior="mouseevents" class="planitem" b:no="cmp004" b:plan="東京の有名神社巡り" b:price="6800" b:time="240">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[3] = new Item(3); planitem.aResults[3]['price']=7800; planitem.aResults[3]['time']=4.5; planitem.aResults[3]['purpose']='3'; planitem.aResults[3]['with']='3';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp004</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp004d')">東京の有名神社巡り</a></td>
<td class="CourseTime">4.5時間</td>
<td class="CoursePrice">7,800円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp004d">
<table>
<tr>
<td><img src="images/cmp004.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
<div id="planitem-4" b:behavior="mouseevents" class="planitem" b:no="cmp005" b:plan="東京定番・皇居を訪問" b:price="6000" b:time="210">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[4] = new Item(4); planitem.aResults[4]['price']=6000; planitem.aResults[4]['time']=3.5; planitem.aResults[4]['purpose']='4'; planitem.aResults[4]['with']='4';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp005</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp005d')">東京定番・皇居を訪問</a></td>
<td class="CourseTime">3.5時間</td>
<td class="CoursePrice">6,000円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp005d">
<table>
<tr>
<td><img src="images/cmp005.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
<div id="planitem-5" b:behavior="mouseevents" class="planitem" b:no="cmp006" b:plan="銀座・築地・お台場" b:price="12200" b:time="360">
<s:event b:on="construct">
<s:lock b:target="id('planitems')">
<s:task b:action="js" b:value="planitem.aResults[5] = new Item(5); planitem.aResults[5]['price']=12200; planitem.aResults[5]['time']=6; planitem.aResults[5]['purpose']='5'; planitem.aResults[5]['with']='5';" />
</s:lock>
</s:event>
<table>
<tbody>
<tr>
<td class="CourseNo">cmp006</td>
<td class="CourseName"><a b:action="show-hide" b:target="id('cmp006d')">銀座・築地・お台場</a></td>
<td class="CourseTime">6時間</td>
<td class="CoursePrice">12,200円</td>
<td class="CourseSyosai"><a href="#"><img src="./syosai.gif" /></a></td>
</tr>
</tbody>
</table>
<div class="plandetail" id="cmp006d">
<table>
<tr>
<td><img src="images/cmp006.jpg" width="170" height="113" alt="イメージ" /></td>
<td>概要テキスト表示エリア</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</b:panel>
</b:panelset>
</b:panel>
<b:panel style="clear:both; overflow:hidden;" />
</b:panelset>
]]>