// リエルコAPIを呼び出してPC用はみ出しバナー枠を構築
function callLiercoAPIPcHamidashi(_elmBnr, bnrClass, f, m, width, height) {
  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();
  $.ajax({
    url : _rad9Surl.vSul,
    type : 'get',
    dataType : 'json',
    timeout : liercoApiTimeout,
    xhrFields : { withCredentials: true }
  }).done(function(data) {
    var bnrData = null, outputHtml = '';
    for(var i = 0; i < Object.keys(data).length; i++) {
      bnrData = data[i];
      if(bnrData && bnrData.feeds) {
        var feedsData = bnrData.feeds[0];
        if(feedsData && feedsData['redirect_url'] && feedsData['creative1'] && feedsData['creative2'] && feedsData['landing_url'] && feedsData['beacon_url']) {
          if(navigator.sendBeacon) {
            // 左側はみ出しバナー
            outputHtml += '<a href="' + feedsData['landing_url'] + '" onclick="sendLiercoBeaconHamidashiBnrPc(\'' + feedsData['beacon_url'] + '\')" target="_blank" rel="noopener" style="position: absolute; top: 8px; right: 100%; "><img src="' + feedsData['creative1'] + '" alt="" width="' + width + '" height="' + height + '" /></a>';
            // 右側はみ出しバナー
            outputHtml += '<a href="' + feedsData['landing_url'] + '" onclick="sendLiercoBeaconHamidashiBnrPc(\'' + feedsData['beacon_url'] + '\')" target="_blank" rel="noopener" style="position: absolute; top: 8px; left: 100%; "><img src="' + feedsData['creative2'] + '" alt="" width="' + width + '" height="' + height + '" /></a>';
          } else {
            // 左側はみ出しバナー
            outputHtml += '<a href="' + feedsData['redirect_url'] + '" target="_blank" rel="noopener" style="position: absolute; top: 8px; right: 100%; "><img src="' + feedsData['creative1'] + '" alt="" width="' + width + '" height="' + height + '" /></a>';
            // 右側はみ出しバナー
            outputHtml += '<a href="' + feedsData['redirect_url'] + '" target="_blank" rel="noopener" style="position: absolute; top: 8px; left: 100%; "><img src="' + feedsData['creative2'] + '" alt="" width="' + width + '" height="' + height + '" /></a>';
          }
        }
      }
    }
    if(outputHtml) {
      _rad9Surl.$_elmBnr.addClass(bnrClass);
      _rad9Surl.$_elmBnr.append(outputHtml);
      $('body').css('min-width', _rad9Surl.$_elmBnr.width() + width * 2);
    } else {
      _rad9Surl.$_elmBnr.hide();
    }
    _rad9Surl.$_elmBnr.css('height', 'auto');
  }).fail(function(jqXHR, textStatus, errorThrown) {
    _rad9Surl.$_elmBnr.hide();
    _rad9Surl.$_elmBnr.css('height', 'auto');
  });
};
//Koruli集計用サーバにビーコンを送信
function sendLiercoBeaconHamidashiBnrPc(beacon_url) {
  navigator.sendBeacon(beacon_url, null);
};