// リエルコAPIを呼び出して総合TOPと全国TOPのBeautySelectionのPC用バナー枠を構築
function callLiercoAPIBeautySelection1ColumnPc(_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('<div 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;"></div>');
    },
    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, tmpUltag = '', outputHtml = '';
    tmpUltag += '<ul>';
    outputHtml += tmpUltag;
    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(navigator.sendBeacon) {
          outputHtml += '<li class="cFix dibBL vaT wFull mT15"><div class="fl mR20"><a href="' + bnrData.landing_url + '" onclick="sendLiercoBeaconBeautySelection1ColumnPc(\'' + bnrData.beacon_url + '\')">'
                          + '<img src="' + bnrData.creative1 + '" width="' + bnrData.data.width  + '" height="' + bnrData.data.height + '" alt="' + bnrData.data.title + '" /></a></div>'
                          + '<dl class="oh mT5"><dt><a href="' + bnrData.landing_url + '" onclick="sendLiercoBeaconBeautySelection1ColumnPc(\'' + bnrData.beacon_url + '\')">' + bnrData.data.title + '</a></dt><dd class="fs10 mT2">' + bnrData.data.description + '</dd></dl></li>';
        } else {
          outputHtml += '<li class="cFix dibBL vaT wFull mT15"><div class="fl mR20"><a href="' + bnrData.redirect_url + '">'
                          + '<img src="' + bnrData.creative1 + '" width="' + bnrData.data.width  + '" height="' + bnrData.data.height + '" alt="' + bnrData.data.title + '" /></a></div>'
                          + '<dl class="oh mT5"><dt><a href="' + bnrData.redirect_url + '">' + bnrData.data.title + '</a></dt><dd class="fs10 mT2">' + bnrData.data.description + '</dd></dl></li>';
        }
      }
    }
    if(outputHtml === tmpUltag) {
      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) {
          outputHtml += '<li class="cFix dibBL vaT wFull mT15"><div class="fl mR20"><a href="' + bnrData.redirect_url + '">'
                          + '<img src="' + bnrData.creative1 + '" width="' + bnrData.data.width  + '" height="' + bnrData.data.height + '" alt="' + bnrData.data.title + '" /></a></div>'
                          + '<dl class="oh mT5"><dt><a href="' + bnrData.redirect_url + '">' + bnrData.data.title + '</a></dt><dd class="fs10 mT2">' + bnrData.data.description + '</dd></dl></li>';
        }
      }
    }
    outputHtml +=  '</ul>';
    _rad9Surl.$_elmBnr.append(outputHtml);
    _rad9Surl.$_elmBnr.css('height', 'auto');

  }).fail(function(jqXHR, textStatus, errorThrown) {
    var bnrData = null, outputHtml = '';
    outputHtml += '<ul>';
    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) {
        outputHtml += '<li class="cFix dibBL vaT wFull mT15"><div class="fl mR20"><a href="' + bnrData.redirect_url + '">'
                        + '<img src="' + bnrData.creative1 + '" width="' + bnrData.data.width  + '" height="' + bnrData.data.height + '" alt="' + bnrData.data.title + '" /></a></div>'
                        + '<dl class="oh mT5"><dt><a href="' + bnrData.redirect_url + '">' + bnrData.data.title + '</a></dt><dd class="fs10 mT2">' + bnrData.data.description + '</dd></dl></li>';
      }
    }
    outputHtml += '</ul>';
    _rad9Surl.$_elmBnr.append(outputHtml);
    _rad9Surl.$_elmBnr.css('height', 'auto');
  });
};
// Koruli集計用サーバにビーコンを送信
function sendLiercoBeaconBeautySelection1ColumnPc(beacon_url) {
  navigator.sendBeacon(beacon_url, null);
};