// リエルコAPIを呼び出して総合TOPと全国トップのお役立ちコンテンツのPC用バナー枠を構築
function callLiercoAPIHelpfulContentsSmallPctop(_elmBnr, f, m, defaultBnrData) {
  var _rad9Surl = {
    vSul : '',
    vBul : liercoApiUrl + '?f=' + f + '&m=' + m,
    pKid : 'r_ad_token1',
    $_elmBnr : $(_elmBnr),
    gTdt : function(){
             var ndt = new Date();
             var ndy = ('0' + ndt.getFullYear()).slice( -2 );
             var ndm = ('0' + (ndt.getMonth() + 1)).slice( -2 );
             var ndd = ('0' + ndt.getDate()).slice( -2 );
             var ndh = ('0' + ndt.getHours()).slice( -2 );
             var ndi = ('0' + ndt.getMinutes()).slice( -2 );
             var nds = ('0' + ndt.getSeconds()).slice( -2 );
             return '&t=' + ndy + ndm + ndd + ndh + ndi + nds;
           },
    gKid : function(){
             var vkid = '';
             if(document.cookie !== ''){
               $.each(document.cookie.split('; '),function(i, v){
                 var ckvl = v.split('=');
                 if(ckvl[0] === _rad9Surl.pKid){
                   vkid = '&kid=' + ckvl[1];
                   return false;
                 }
               });
             }
             return vkid;
           },
    mExc : function(){
             this.vSul = this.vBul + this.gKid() + this.gTdt();
           }
  };
  _rad9Surl.mExc();
  var _loading = {
    showLoading : function() {
      var _elmBnrCss = {"min-height" : "50px", "position" : "relative"};
      $(_elmBnr).css(_elmBnrCss);
      $(_elmBnr).css('position', 'relative');
      $(_elmBnr).append('<ul id="loading_box"><img src="/CSP/c_common/ALL/IMG/loading_spinner_30x30.gif?switch=2026110215" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;"></ul>');
    },
    hideLoading : function() {
      $('#loading_box').remove();
      var _elmBnrCss = {"min-height" : "", "position" : ""};
      $(_elmBnr).css(_elmBnrCss);
    }
  };
  // ローディング表示
  _loading.showLoading();
  $.ajax({
    url : _rad9Surl.vSul,
    type : 'get',
    dataType : 'json',
    timeout : liercoApiTimeout,
    xhrFields : { withCredentials: true },
    complete : function() {
        // ローディングを消す
        _loading.hideLoading();
               }
  }).done(function(data) {
    var bnrData = null, outputHtml = '';
    for(var i = 0; i < Object.keys(data).length; i++) {
      bnrData = data[i];
      if(bnrData && bnrData.redirect_url && bnrData.creative1 && bnrData.data.width && bnrData.data.height && bnrData.landing_url && bnrData.beacon_url) {
          if (( i % 2) == 0) {
            outputHtml += '<ul class="fs10 oh mT20" style=" line-height: 130%;"><li class="fl oh w200 mR20">';
          } else {
            outputHtml += '<li class="fl oh w200">';
          }
          if(navigator.sendBeacon) {
            outputHtml += '<p class="fl mR10"><a href="' + bnrData.landing_url + '" onclick="sendLiercoBeaconHelpfulContentsSmallPctop(\'' + bnrData.beacon_url + '\')" target="_blank" rel="noopener">'
                            + '<img src="' + bnrData.creative1 + '" alt="' + bnrData.data.title + '" width="' + bnrData.data.width + '" height="' +  bnrData.data.height + '" /></a></p>'
                            + '<div class="fl w98"><p class="fs12 mT5 lh18"><a href="' + bnrData.landing_url + '" onclick="sendLiercoBeaconHelpfulContentsSmallPctop(\'' + bnrData.beacon_url + '\')" target="_blank" rel="noopener">'
                            + bnrData.data.title + '</a></p><p class="mT8 lh16">' + bnrData.data.description + '</p></div></li>';
          } else {
            outputHtml += '<p class="fl mR10"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">'
                            + '<img src="' + bnrData.creative1 + '" alt="' + bnrData.data.title + '" width="' + bnrData.data.width + '" height="' +  bnrData.data.height + '" /></a></p>'
                            + '<div class="fl w98"><p class="fs12 mT5 lh18"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">' + bnrData.data.title + '</a></p><p class="mT8 lh16">' + bnrData.data.description + '</p></div></li>';

          }
          if (( i % 2) != 0) {
            outputHtml += '</ul>';
          }
      }
    }
    if(outputHtml === '') {
      for(var j = 0; j < Object.keys(defaultBnrData).length; j++) {
        bnrData = defaultBnrData[j];
        if(bnrData && bnrData.redirect_url && bnrData.creative1 && bnrData.data.width && bnrData.data.height) {
          if (( j % 2) == 0) {
            outputHtml += '<ul class="fs10 oh mT20" style=" line-height: 130%;"><li class="fl oh w200 mR20">'; 
          } else {
            outputHtml += '<li class="fl oh w200">';
          }
          outputHtml += '<p class="fl mR10"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">'
                          + '<img src="' + bnrData.creative1 + '" alt="' + bnrData.data.title + '" width="' + bnrData.data.width + '" height="' +  bnrData.data.height + '" /></a></p>'
                          + '<div class="fl w98"><p class="fs12 mT5 lh18"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">' + bnrData.data.title + '</a></p><p class="mT8 lh16">' + bnrData.data.description + '</p></div></li>';

          if (( j % 2) != 0) {
            outputHtml += '</ul>';
          }
        }
      }
    }
    _rad9Surl.$_elmBnr.append(outputHtml);
    _rad9Surl.$_elmBnr.css('height', 'auto');

  }).fail(function(jqXHR, textStatus, errorThrown) {
    var bnrData = null, outputHtml = '';
    for(var k = 0; k < Object.keys(defaultBnrData).length; k++) {
      bnrData = defaultBnrData[k];
      if(bnrData && bnrData.redirect_url && bnrData.creative1 && bnrData.data.width && bnrData.data.height) {
        if (( k % 2) == 0) {
          outputHtml += '<ul class="fs10 oh mT20" style=" line-height: 130%;"><li class="fl oh w200 mR20">'; 
        } else {
          outputHtml += '<li class="fl oh w200">';
        }
        outputHtml += '<p class="fl mR10"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">'
                        + '<img src="' + bnrData.creative1 + '" alt="' + bnrData.data.title + '" width="' + bnrData.data.width + '" height="' +  bnrData.data.height + '" /></a></p>'
                        + '<div class="fl w98"><p class="fs12 mT5 lh18"><a href="' + bnrData.redirect_url + '" target="_blank" rel="noopener">' + bnrData.data.title + '</a></p><p class="mT8 lh16">' + bnrData.data.description + '</p></div></li>';

        if (( k % 2) != 0) {
          outputHtml += '</ul>';
        }
      }
    }
    _rad9Surl.$_elmBnr.append(outputHtml);
    _rad9Surl.$_elmBnr.css('height', 'auto');
  });
};
//Koruli集計用サーバにビーコンを送信
function sendLiercoBeaconHelpfulContentsSmallPctop(beacon_url) {
  navigator.sendBeacon(beacon_url, null);
};