var rm_insta_wrap_view_width = 0;//mo
var rm_insta_wrap_view_height = 0;
function fShow(idx, arg){
  if($('#rm_insta_item_video_'+idx+' source').attr('data-width') * 1.25 < $('#rm_insta_item_video_'+idx+' source').attr('data-height')){
    $('#rm_insta_wrap_video1').css('width','auto');
    $('#rm_insta_wrap_video1').css('height','100%');
  }else{
    $('#rm_insta_wrap_video1').css('width','100%');
    $('#rm_insta_wrap_video1').css('height','auto');
  }
  $('#rm_insta_wrap_video1 source').attr('src',arg);
  //$('#rm_insta_wrap_video1').load();
  document.getElementById("rm_insta_wrap_video1").load();
  $('#rm_insta_wrap_video1').trigger('play');
  $('#rm_insta_txt_pop').html($('#rm_insta_txt_'+idx).html());
  document.getElementById("rm_insta_wrap").style.display = 'block';
  document.getElementById("rm_insta_wrap_view").style.display = 'block';
  document.getElementById("rm_insta_close").style.display = 'block';
  $('#rm_insta_wrap_video1').show();
  $('#rm_insta_wrap_img1').hide();
  $('#rm_insta_wrap_thumb2').attr('src','https://wz.reviewmaker.co.kr/log.php?'+arg.replace('https://wz.reviewmaker.co.kr/data/review/',''));
}
function fShowImg(idx, arg){
  $('#rm_insta_wrap_img1').attr('src',arg);
  document.getElementById("rm_insta_wrap").style.display = 'block';
  document.getElementById("rm_insta_wrap_view").style.display = 'block';
  document.getElementById("rm_insta_close").style.display = 'block';
  $('#rm_insta_wrap_video1').hide();
  $('#rm_insta_wrap_img1').show();
}
function fClose(){
  document.getElementById("rm_insta_wrap").style.display = 'none';
  document.getElementById("rm_insta_wrap_view").style.display = 'none';
  document.getElementById("rm_insta_close").style.display = 'none';

  $('#rm_insta_wrap_video1 source').attr('src','');
  document.getElementById("rm_insta_wrap_video1").load();
}
function insertAfter(referenceNode, newNode) {
  if (!!referenceNode.nextSibling) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  } else {
    referenceNode.parentNode.appendChild(newNode);
  }
}

window.onload = (function() {


  var iDiv_reviewmaker = document.createElement('div');
  iDiv_reviewmaker.id = 'reviewmaker_div';
  iDiv_reviewmaker.style.width = '100%';
  iDiv_reviewmaker.style.height = '215px';
  iDiv_reviewmaker.style.margin = '60px auto';
  var reviemaker_div_html = '';
  reviemaker_div_html += '<link href="https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap" rel="stylesheet">';
  reviemaker_div_html += '<style>';
  reviemaker_div_html += '  .rm_insta_top { width: calc(100% - 2px); height: 100%; overflow: hidden; font-family: \'Noto Sans KR\', sans-serif; border: 1px solid #ededed; padding: 17px 0px 0 0px; position: relative; text-align:left;}';
  reviemaker_div_html += '  .rm_insta_title { font-size: 12px;display: inline; margin-left:10px; padding: 0 !important; line-height: normal !important; font-family: \'Noto Sans KR\', sans-serif;}';
  reviemaker_div_html += '  .rm_insta_power { color: #aaa; float: right; font-size:10px; margin-right:10px; font-family: \'Noto Sans KR\', sans-serif;}';
  reviemaker_div_html += '  .rm_insta_cont { position:relative; width: calc(100% - 20px); height: 238px; overflow-x: scroll; overflow-y:hidden; padding: 0;margin-top: 15px; margin-left:10px;}';
  reviemaker_div_html += '  .rm_insta_items { width: max-content; height: 100%; padding: 0; }';
  reviemaker_div_html += '  .rm_insta_item { position: relative; width: 109px; height: 146px; background-size: cover; float: left; list-style: none; background-position: center; border: 1px solid #ccc; margin-right: 10px;padding: 10px 12px; border-radius: 10px; overflow:hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}';
  reviemaker_div_html += '  .rm_insta_item:last-child { margin-right:0;}';
  reviemaker_div_html += '  .rm_insta_item .rm_insta_desc_head .rm_insta_nick { height: 26px; line-height: 26px; font-size:12px; color:#fff;}';
  reviemaker_div_html += '  .rm_insta_thumb { width: 100%; height: 160px; background-size: cover; display: inline-block; float: left; background-position: center; position:relative; margin-top:2px; border-radius: 12px;}';
  reviemaker_div_html += '  .rm_insta_play_box { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;  opacity: 0.7; border-radius: 30px; }';
  reviemaker_div_html += '  .rm_insta_play_box img { width: 60px; }';
  reviemaker_div_html += '  .rm_insta_desc { display:none;position: absolute; bottom: 10px;  width: calc(100% - 25px); /* display: block; */ float: left; padding: 5px 0; }';
  reviemaker_div_html += '  .rm_insta_uinfo { width: 100%; height: 18px; margin-bottom: 6px; }';
  reviemaker_div_html += '  .rm_insta_icon  { width: 20px; float:left; margin-left: 0px; margin-top:1px; border-radius: 5px;  }';
  reviemaker_div_html += '  .rm_insta_icons { display:none;position: absolute; right: 10px; width: 30px; right: 3px; bottom: 40px; }';
  reviemaker_div_html += '  .rm_insta_icons img { width: 24px; }';
  reviemaker_div_html += '  .rm_insta_uf { font-size:10px; float:left; color:#fff; margin-top:-2px;}';
  reviemaker_div_html += '  .rm_insta_like { height: 9px; float:right; margin-top: 2px; margin-right: 0px; }';
  reviemaker_div_html += '  .rm_insta_ul { font-size:14px; float:right; }';
  reviemaker_div_html += '  .rm_insta_txt { width: 100%; height: 24px; overflow: hidden; display: -webkit-box; margin: 0; font-size: 10px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-height: 12px; color: #fff;}';
  reviemaker_div_html += '  .rm_insta_date { width: 100%; height: 15px; overflow: hidden; display: -webkit-box; margin: 0; font-size: 10px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-height: 12px; color: #fff; border-bottom: 1px solid #ccc;}';
  reviemaker_div_html += '  .rm_insta_arrow {border: solid #ccc; border-width: 0 4px 4px 0; display: inline-block; padding: 6px; position: absolute; top: 216px;}';
  reviemaker_div_html += '  .rm_insta_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 5px;}';
  reviemaker_div_html += '  .rm_insta_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); left: 9px; display:none;}';
  reviemaker_div_html += '  .rm_insta_wrap { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;z-index:100;}';
  reviemaker_div_html += '  .rm_insta_wrap_view {display:none; width: 700px; height: 422px; /*background-color: #fff;*/ position: fixed; top: 25%; left: 50%; margin-left: -350px;z-index:120;}';
  reviemaker_div_html += '  .rm_insta_wrap_view .rm_insta_wrap_view_left { width: 67%; height: 100%; display: inline-block; overflow: hidden; }';
  reviemaker_div_html += '  .rm_insta_wrap_view .rm_insta_wrap_view_right{ width: 30%; height: 100%; display: inline-block; vertical-align: top; }';
  reviemaker_div_html += '  .rm_insta_wrap_view .rm_insta_wrap_view_right .rm_insta_uinfo{width: 100%; height: 30px; margin-bottom: 10px; margin-top: 60px;}';
  reviemaker_div_html += '  .rm_insta_wrap_view .rm_insta_wrap_view_right .rm_insta_txt{width: 100%; height: 120px; overflow: hidden; display: -webkit-box; margin: 0; font-size: 14px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; line-height: 24px;}';
  reviemaker_div_html += '  #reviewmaker_nav { margin: 10px auto; width: 30%; text-align: center;} ';
  reviemaker_div_html += '  #reviewmaker_nav li { width: 10px; display: inline-block; background-color: #ccc; border-radius: 20px; height: 10px; margin-left: 10px;} ';
  reviemaker_div_html += '  #reviewmaker_nav li.on { background-color: #333; } ';
  reviemaker_div_html += '  </style>';
  reviemaker_div_html += '<div class="rm_insta_top">';
  reviemaker_div_html += '  <h1 class="rm_insta_title">인플루언서 리뷰</h1>';
  reviemaker_div_html += '  <span class="rm_insta_power">powered by ReviewMaker</span><!-- 1 -->';
  reviemaker_div_html += '  <div class="rm_insta_cont">';
  reviemaker_div_html += '    <ul class="rm_insta_items" id="rm_insta_items">';

      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_1" data-id="1" onclick="fShow(\'1\',\'https://wz.reviewmaker.co.kr/data/review/170501639130825_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_1" class="rv_video " style="position: absolute; top: 0px; left: 0px; width: 100%; height: auto;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/170501639130825.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/170501639130825.mp4" type="video/mp4" data-width="360" data-height="480">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?170501639130825.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_2" data-id="2" onclick="fShow(\'2\',\'https://wz.reviewmaker.co.kr/data/review/168141639130885_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_2" class="rv_video " style="position: absolute; top: 0px; left: -19px; width: auto; height: 100%;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/168141639130885.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/168141639130885.mp4" type="video/mp4" data-width="720" data-height="720">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?168141639130885.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_3" data-id="3" onclick="fShow(\'3\',\'https://wz.reviewmaker.co.kr/data/review/172621639130823_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_3" class="rv_video " style="position: absolute; top: 0px; left: -19px; width: auto; height: 100%;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/172621639130823.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/172621639130823.mp4" type="video/mp4" data-width="480" data-height="480">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?172621639130823.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_4" data-id="4" onclick="fShow(\'4\',\'https://wz.reviewmaker.co.kr/data/review/174331639971962_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_4" class="rv_video " style="position: absolute; top: 0px; left: -15px; width: auto; height: 100%;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/174331639971962.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/174331639971962.mp4" type="video/mp4" data-width="460" data-height="480">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?174331639971962.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_5" data-id="5" onclick="fShow(\'5\',\'https://wz.reviewmaker.co.kr/data/review/174831639130821_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_5" class="rv_video " style="position: absolute; top: 0px; left: -19px; width: auto; height: 100%;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/174831639130821.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/174831639130821.mp4" type="video/mp4" data-width="480" data-height="480">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?174831639130821.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_6" data-id="6" onclick="fShow(\'6\',\'https://wz.reviewmaker.co.kr/data/review/168951639130881_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_6" class="rv_video " style="position: absolute; top: -24px; left: 0px; width: 100%; height: auto;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/168951639130881.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/168951639130881.mp4" type="video/mp4" data-width="720" data-height="1280">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?168951639130881.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';



      reviemaker_div_html += '      <li class="rm_insta_item" id="rm_insta_item_7" data-id="7" onclick="fShow(\'7\',\'https://wz.reviewmaker.co.kr/data/review/166301639130886_2.mp4\');">';
      reviemaker_div_html += '        <video id="rm_insta_item_video_7" class="rv_video " style="position: absolute; top: 0px; left: 0px; width: 100%; height: auto;z-index: 0;" muted autoplay loop playsinline >';
      reviemaker_div_html += '            <source src="https://wz.reviewmaker.co.kr/data/review/166301639130886.mp4" data-src="https://wz.reviewmaker.co.kr/data/review/166301639130886.mp4" type="video/mp4" data-width="360" data-height="480">';
      reviemaker_div_html += '        </video>';
      reviemaker_div_html += '        <img src="https://wz.reviewmaker.co.kr/log.php?166301639130886.mp4" style="display:none;">';
      reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 85%;">';
      reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png">';
      reviemaker_div_html += '        </div>';
      reviemaker_div_html += '      </li><!--//item-->';


  reviemaker_div_html += '    </ul><!--//items-->';
  reviemaker_div_html += '  </div><!--//rm_insta_cont-->';
  reviemaker_div_html += '  <div style="display:none;position: absolute; top: 207px; left: 50%; margin-left: -60px;">';
  reviemaker_div_html += '      <span>';
  reviemaker_div_html += '        <button type="button" onclick="fPage1(\'left\');" style="float: left;overflow: hidden; top: 0; width: 30px; height: 30px; border: 1px solid #f1f1f1; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">';
  reviemaker_div_html += '           <img src="https://wzimg.reviewmaker.co.kr/widget/icon/left_arrow.png">';
  reviemaker_div_html += '        </button>';
  reviemaker_div_html += '        <span style="float: left; margin-top: 4px; width: 60px; text-align: center;font-size: 15px; line-height: 1.5; color: #101010;font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,\'Malgun Gothic\',\'맑은 고딕\',sans-serif;">';
  reviemaker_div_html += '          <em id="rm_insta_page" style="font-weight: 700; color: #ff3478;font-style: normal;">1</em>';
  reviemaker_div_html += '          <span>/</span>';
  reviemaker_div_html += '          2';
  reviemaker_div_html += '        </span>';
  reviemaker_div_html += '        <button type="button" onclick="fPage1(\'right\');" style="float: left;overflow: hidden; top: 0; width: 30px; height: 30px; border: 1px solid #f1f1f1; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">';
  reviemaker_div_html += '           <img src="https://wzimg.reviewmaker.co.kr/widget/icon/right_arrow.png">';
  reviemaker_div_html += '        </button>';
  reviemaker_div_html += '      </span>';
  reviemaker_div_html += '  </div>';
  reviemaker_div_html += '  <div class="rm_insta_wrap" id="rm_insta_wrap" onclick="fClose();"></div>';
  reviemaker_div_html += '  <div class="rm_insta_wrap_view" id="rm_insta_wrap_view" onclick="fClose();" style="background-size: cover; width: 90%; left: 0; margin-left: 5%; border-radius: 20px; /*overflow:hidden;*/">';
  reviemaker_div_html += '        <video class="rv_video" id="rm_insta_wrap_video1" style="/*position: absolute; top: 0; left: 0; */width: 100%; z-index: 0;border-radius:15px;display:block;margin:0 auto;" muted autoplay loop playsinline >';
  reviemaker_div_html += '          <source src="" type="video/mp4">';
  reviemaker_div_html += '        </video>';
  reviemaker_div_html += '        <img class="rv_img" id="rm_insta_wrap_img1" style="width: 100%; z-index: 0;border-radius:15px;display:block;margin:0 auto;" >';
  reviemaker_div_html += '        <img id="rm_insta_wrap_thumb2" src="" style="display:none;">';
  reviemaker_div_html += '        <div class="rm_insta_desc_head" style="position: absolute; width: 94%; margin-left: 20px; margin-top: 20px;">';
  //reviemaker_div_html += '            <img class="rm_insta_icon" src="https://wzimg.reviewmaker.co.kr/widget/icon/instac.png" style="width:30px; margin-top: 0px;margin-left:0;">';
  reviemaker_div_html += '        </div>';
  reviemaker_div_html += '    </div>';
  reviemaker_div_html += '    <div onclick="fClose();" id="rm_insta_close" style="display:none; position: fixed; cursor: pointer; top: calc( 25% - 40px); right: 15px; color: #fff; width: 32px; height: 32px; text-align: center; border-radius: 15px;z-index:120;"><img src="https://wzimg.reviewmaker.co.kr/widget/icon/closew.png" style="width: 34px; margin-top: -1px; margin-left: -1px;"></div>';
  reviemaker_div_html += '  <div id="rm_insta_goup" style="display:none; position: fixed; top: 150px; left: 50%; margin-left: -60px; color: #fff; background: #fff; padding: 8px 13px; border-radius: 20px;border: 1px solid #cdcdcd;z-index: 120;" onclick="$(\'html\').animate({scrollTop: $(\'#reviewmaker_div\').offset().top - 90, scrollLeft: $(\'#reviewmaker_div\').offset().left}, 500);"><img src="https://wzimg.reviewmaker.co.kr/widget/icon/rm_upbtn2.png" style="height: 14px;"></div>';
  reviemaker_div_html += '</div><!--//rm_insta_top-->';
  iDiv_reviewmaker.innerHTML = reviemaker_div_html;


  $('.xans-product-detail').append(iDiv_reviewmaker);  
  
});