var html = '<div>\
\
<div id="market_quote">\
\
<div class="ytk-title-02 mt44">\
<h3 class="h3-A"><span class="up-pseudo"><span class="span-text-01 fs03 fw01 fltL">NY原油 相場表 </span><span class="span-text-02 fltR">2024年04月26日 終値</span></span></h3>\
<!-- /div.ytk-title-02 --></div>\
\
<div class="ytk-package-01 up-pseudo mt16">\
<p class="fltR">\
<a href="javascript:update_quote(\'https://yutaka-trusty.jfx.jiji.com/market/quote/overseas/N_crude_oil\');">\
<!--\
<img src="../../../ytk_common/images/btn-update-01.png" alt="最新の情報に更新" width="138" height="27" class="rolloverAlpha" />\
-->\
</a>\
</p>\
<!-- /div.ytk-package-01 --></div>\
\
<div class="ytk-package-01">\
<table cellspacing="0" summary="NY原油 相場表" class="table-A mt12">\
<colgroup>\
<col style="width:16%;" />\
<col style="width:14%;" />\
<col style="width:14%;" />\
<col style="width:14%;" />\
<col style="width:14%;" />\
<col style="width:14%;" />\
<col style="width:14%;" />\
</colgroup>\
<tr>\
<th class="th-D" scope="col">限月</th>\
<th class="th-D" scope="col">前日引</th>\
<th class="th-D" scope="col">始値</th>\
<th class="th-D" scope="col">高値</th>\
<th class="th-D" scope="col">安値</th>\
<th class="th-D" scope="col">終値</th>\
<th class="th-D" scope="col">前日比</th>\
</tr>\
<!--\
\
<tr class="tr-A">\
<td class="taC">24/06</td>\
<td class="taR">83.57</td>\
<td class="taR">83.81</td>\
<td class="taR">84.46</td>\
<td class="taR">83.35</td>\
<td class="taR">83.85</td>\
<td class="taR fc04">+0.28</td>\
</tr>\
<tr><td class="td-separator-02" colspan="7"><hr /></td></tr>\
-->\
\
<tr class="tr-A">\
<td class="taC"><strong>2024/06</strong></td>\
<td class="taR">83.57</td>\
<td class="taR">83.81</td>\
<td class="taR">84.46</td>\
<td class="taR">83.35</td>\
<td class="taR">83.85</td>\
<td class="taR fc04">+0.28</td>\
</tr>\
\
<tr class="tr-B">\
<td class="taC">2024/07</td>\
<td class="taR">82.75</td>\
<td class="taR">82.97</td>\
<td class="taR">83.63</td>\
<td class="taR">82.59</td>\
<td class="taR">83.13</td>\
<td class="taR fc04">+0.38</td>\
</tr>\
\
<tr class="tr-A">\
<td class="taC">2024/08</td>\
<td class="taR">81.93</td>\
<td class="taR">82.15</td>\
<td class="taR">82.80</td>\
<td class="taR">81.82</td>\
<td class="taR">82.35</td>\
<td class="taR fc04">+0.42</td>\
</tr>\
\
<tr class="tr-B">\
<td class="taC">2024/09</td>\
<td class="taR">81.09</td>\
<td class="taR">81.35</td>\
<td class="taR">81.96</td>\
<td class="taR">81.03</td>\
<td class="taR">81.54</td>\
<td class="taR fc04">+0.45</td>\
</tr>\
\
<tr class="tr-A">\
<td class="taC">2024/10</td>\
<td class="taR">80.28</td>\
<td class="taR">80.49</td>\
<td class="taR">81.13</td>\
<td class="taR">80.25</td>\
<td class="taR">80.74</td>\
<td class="taR fc04">+0.46</td>\
</tr>\
\
<tr class="tr-B">\
<td class="taC">2024/11</td>\
<td class="taR">79.53</td>\
<td class="taR">79.61</td>\
<td class="taR">80.37</td>\
<td class="taR">79.52</td>\
<td class="taR">80.01</td>\
<td class="taR fc04">+0.48</td>\
</tr>\
\
<tr class="tr-A">\
<td class="taC">2024/12</td>\
<td class="taR">78.83</td>\
<td class="taR">79.03</td>\
<td class="taR">79.70</td>\
<td class="taR">78.79</td>\
<td class="taR">79.30</td>\
<td class="taR fc04">+0.47</td>\
</tr>\
\
<tr class="tr-B">\
<td class="taC">2025/01</td>\
<td class="taR">78.15</td>\
<td class="taR">78.35</td>\
<td class="taR">78.94</td>\
<td class="taR">78.16</td>\
<td class="taR">78.61</td>\
<td class="taR fc04">+0.46</td>\
</tr>\
\
</table>\
<!-- /div.ytk-package-01 --></div>\
\
<div class="ytk-package-01">\
<div class="div-A mt16">\
限月の太字は中心限月を示します。<br />\
単位: $/bbl\
</div>\
<!-- /div.ytk-package-01 --></div>\
\
</div>\
\
<div id="market_chart">\
\
<div class="ytk-title-02">\
<h3 class="h3-A"><span class="up-pseudo"><span class="span-text-01 fs03 fw01 fltL">NY原油 チャート</span><span class="span-text-02 fltR">2024年04月26日 終値</span></span></h3>\
<!-- /div.ytk-title-02 --></div>\
\
<div class="ytk-list-03 up-pseudo mt16 chart_navi">\
<ul class="ul-A fltL up-pseudo">\
<li class="cur"><span><a href="javascript:void(0);">日足</a></span></li>\
<li><span><a href="javascript:void(0);">週足</a></span></li>\
<li><span><a href="javascript:void(0);">月足</a></span></li>\
</ul>\
<!--\
<p class="fltR"><a href="javascript:location.reload(true);"><img src="../../../ytk_common/images/btn-update-01.png" alt="最新の情報に更新" width="138" height="27" class="rolloverAlpha" /></a></p>\
-->\
<!-- /div.ytk-list-03 --></div>\
\
<div class="ytk-modinner-01 mt12 chart_image">\
<div class="inner-01"><div class="inner-02 p00">\
<p><img src="https://yutaka-trusty.jfx.jiji.com/market/image/chart/N_crude_oil-d.png" alt="" width="694" height="337" /></p>\
</div></div>\
<div style="display:none;" class="inner-01"><div class="inner-02 p00">\
<p><img src="https://yutaka-trusty.jfx.jiji.com/market/image/chart/N_crude_oil-w.png" alt="" width="694" height="337" /></p>\
</div></div>\
<div style="display:none;" class="inner-01"><div class="inner-02 p00">\
<p><img src="https://yutaka-trusty.jfx.jiji.com/market/image/chart/N_crude_oil-m.png" alt="" width="694" height="337" /></p>\
</div></div>\
<!-- /div.ytk-modinner-01 --></div>\
\
</div>\
\
<div class="ytk-package-01">\
<div class="div-A mt16">\
海外商品・相場情報については、直近営業日の終値となります。<br />\
 \
なお、休場日の情報については、電子取引の暫定値となります。<br />\
 \
\
<!--\
相場表およびチャートは10分間隔での更新を目安としておりますが、システム負荷状況等により時間通りに更新されない場合もございます。ご了承ください。\
-->\
情報提供：時事通信社（<span class="up-lb-blank"><a href="/jiji_press/" onclick="javascript:winopen(this.href, \'ytk_jiji_press\', {width:800,height:400});return false" target="_blank">お読みください</a></span>）</div>\
<!-- /div.ytk-package-01 --></div>\
\
</div>';

function update_quote(url) {
  url += "?ts="+new Date().getTime();
  $.getScript(url,function(){
    //alert("done");
  });
}

var e = $("#market_quote");

// console.log(e);

if (e.size() > 0) {
  //alert("N_crude_oil");
  var html_quote = $(html).find('#market_quote');
  //var html_quote = $(html);
  //console.log(html_quote.text());
  //e.empty().append(html_quote);

  var e_navi = $(".quote_navi > ul > li");

  if ( e_navi.size() > 0 ) {
    var e_navi_cur = $(".quote_navi > ul > li.cur");
    var i = $(".quote_navi > ul > li").index(e_navi_cur);
    //alert(i);
  }

  e.html(html_quote.contents());

  var e_navi = $(".quote_navi > ul > li");
  if ( e_navi.size() > 0 ) {
    $(".quote_navi > ul > li").removeClass("cur");
    $(".quote_navi > ul > li").eq(i).addClass("cur");
    $(this).addClass("cur");
    $(".quote_table > table").hide();
    $(".quote_table > table").eq(i).fadeIn();

    $(".quote_navi > ul > li").click(function () {
        $(".quote_navi > ul > li").removeClass("cur");
        $(this).addClass("cur");
        $(".quote_table > table").hide();
        $(".quote_table > table").eq($(".quote_navi > ul > li").index(this)).fadeIn();
    });
  } else {
    e.find("table").hide();
    e.find("table").fadeIn();
  }

} else {
  //alert("N_crude_oil");
  document.write(html);

  $(document).ready(function(){

  $(".quote_navi > ul > li").click(function () {
    $(".quote_navi > ul > li").removeClass("cur");
    $(this).addClass("cur");
    $(".quote_table > table").hide();
    $(".quote_table > table").eq($(".quote_navi > ul > li").index(this)).fadeIn();
  });

  $(".chart_navi > ul > li").click(function () {
    $(".chart_navi > ul > li").removeClass("cur");
    $(this).addClass("cur");
    $(".chart_image > div").hide();
    $(".chart_image > div").eq($(".chart_navi > ul > li").index(this)).fadeIn();
  });

});
}