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">日経平均 相場情報</span>\
\
<span class="span-text-02 fltR">2024年04月26日 15時35分 現在</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/economic_indicators/NA\');">\
<!--\
<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="相場表" class="table-A mt12">\
<colgroup>\
\
<col style="width:30%;" />\
\
<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>\
</tr>\
<tr class="tr-A">\
\
<td class="taR">37,934.76</td>\
\
<td class="taR fc04">+306.28</td>\
<td class="taR">37,725.61</td>\
<td class="taR">38,097.54</td>\
<td class="taR">37,550.70</td>\
<td class="taR">37,628.48</td>\
</tr>\
</table>\
<!-- /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">日経平均 チャート</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/NA.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/NA-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/NA-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">\
\
日経平均 については、少なくとも20分以上遅れた情報となります。\
\
<!--\
相場情報およびチャートは3～10分間隔での更新を目安としておりますが、システム負荷状況等により時間通りに更新されない場合もございます。ご了承ください。\
-->\
<br />\
情報提供：時事通信社（<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("NA");
  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("NA");
  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();
  });

});
}