var rand = Math.floor(Math.random() * 5);

switch(rand)
{
  case 1:
    var url = "https://link.coupang.com/a/bam2AU";
    var image = "https://ads-partners.coupang.com/banners/663778?subId=joynews24blog&traceId=V0-301-879dd1202e5c73b2-I663778&w=300&h=250";
    var alt = "coupang";    
  break;

  case 2:
    var url = "https://link.coupang.com/a/bam3oz";
    var image = "https://ads-partners.coupang.com/banners/704432?subId=joynews24blog&traceId=V0-301-969b06e95b87326d-I704432&w=300&h=250";
    var alt = "coupang gold";    
  break;  

  case 3:
    var url = "https://link.coupang.com/a/bam3AK";
    var image = "https://ads-partners.coupang.com/banners/704433?subId=joynews24blog&traceId=V0-301-bae0f72e5e59e45f-I704433&w=300&h=250";
    var alt = "coupang wow";    
  break;    

  case 4:
    var url = "https://link.coupang.com/a/bam342";
    var image = "https://ads-partners.coupang.com/banners/704434?subId=joynews24blog&traceId=V0-301-50c6c2b97fba9aee-I704434&w=300&h=250";
    var alt = "coupang jikgu";    
  break;    

  default :
  var url = "https://link.coupang.com/a/bam4eC";
  var image = "https://ads-partners.coupang.com/banners/681890?subId=joynews24blog&traceId=V0-301-371ae01f4226dec2-I681890&w=300&h=250";
  var alt = "coupang fresh";
}

var is_expends = getCookie("expends");
if(is_expends == 'true') document.getElementById("cpad").style.display="none";

if(is_expends != 'true')
{

  var coupanGimg = document.createElement('img');  
  coupanGimg.src = image;
  coupanGimg.alt = alt;
  coupanGimg.width = "300";
  coupanGimg.height = "250";
  coupanGimg.className = "coupang";
    document.getElementById("coupang").appendChild(coupanGimg);
  coupanGimg.setAttribute("onclick", "lpadLocation('"+url+"')");
} 

function coupangLocation(url) { setCookie("expend", "true", 2); location = url; }
function lpadLocation(url) { setCookie("expends", "true", 2); location = url; }
function lpad() { setCookie("expends", "true", 6); document.getElementById("coupang").style.display="none"; document.getElementById("cpad").style.display="none";}
function kpad() { setCookie("expends", "true", 6); document.getElementById("coupang").style.display="none"; document.getElementById("cpad").style.display="none";}
function ipad() { setCookie("expendz", "true", 6); document.getElementById("coupanSecond").style.display="none"; document.getElementById("coupanSecondx").style.display="none";}


switch(rand)
{
    case 1:
    var url = "https://link.coupang.com/a/buO5Q9";
    var image = "https://image.inews24.com/v1/c97f9608935e02.png";
    var alt = "coupang promotion";    
  break;


    case 2:
    var url = "https://link.coupang.com/a/bemxhL";
    var image = "https://image.inews24.com/v1/fc102babd6227c.png";
    var alt = "coupang promotion";    
  break;  

    case 3:
    var url = "https://link.coupang.com/a/bvoGl0";
    var image = "https://image.inews24.com/v1/b38ebc37061a8b.png";
    var alt = "coupang promotion";    
  break; 

    default :
    var url = "https://link.coupang.com/a/bvoFmA";
    var image = "https://image.inews24.com/v1/151338bd75479a.png";
  var alt = "coupang promotion";
}


var coupanGProa = document.createElement('a');
coupanGProa.id = "coupanGProa";
coupanGProa.href = url;
coupanGProa.target = "_blank";


var coupanGProimg = document.createElement('img');  
coupanGProimg.src = image;
coupanGProimg.alt = alt;
coupanGProimg.style.width = "100%";
coupanGProimg.className = "coupangPro";
document.getElementById("coupangPro").appendChild(coupanGProa);
document.getElementById("coupanGProa").appendChild(coupanGProimg);

/*
var coupanGProa = document.createElement('iframe');
coupanGProa.id = "coupanGProa";
coupanGProa.src = "https://ads-partners.coupang.com/widgets.html?id=748791&template=carousel&trackingCode=AF9686240&subId=joynews24blog&width=320&height=900&tsource=joynews24trends.livecast24.net";

coupanGProa.style.width = "320px";
coupanGProa.style.height = "900px";
coupanGProa.style.border = "0px";
coupanGProa.setAttribute("scrolling","no");
document.getElementById("coupangPro").appendChild(coupanGProa);
*/


var setCookie = function(name, value, exp) {
        var date = new Date();
        date.setTime(date.getTime() + exp*60*60*1000);
        document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
};

var getCookie = function(name) {
        var value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
        return value? value[2] : null;
};
    
var is_expend = getCookie("expend");


console.log('S 19');
var is_expendz = getCookie("expendz");

document.addEventListener("DOMContentLoaded", function(){ 

  const e = document.querySelector('figure');
  //const eHeight = e.getBoundingClientRect().top;
  const eWidth = parseInt(e.getBoundingClientRect().width);
  const eHeight = parseInt(e.getBoundingClientRect().height);
  const eImage = e.dataset.filename;

  const eImageE = eImage.indexOf('.');
  const eImageN = eImage.slice(0,eImageE);


  var xhr = new XMLHttpRequest();

  xhr.open("GET", "https://joynews24trends-mirror.livecast24.net/script/short.php?m="+eImageN, true);
  xhr.send();



  xhr.onreadystatechange = function() {
      if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
        const imageI = JSON.parse(xhr.responseText);     
  
        var coupanSecond = document.createElement('div');
        coupanSecond.id = "coupanSecond";
        coupanSecond.className = "coupangImg";
        if(is_expendz != 'true') e.appendChild(coupanSecond);

        var coupanSecondx = document.createElement('div');
        coupanSecondx.id = "coupanSecondx";
        //coupanSecondx.style.left = imageI['startc']+"px";
        coupanSecondx.style.left = "5px";

        coupanSecondx.className = "cpad";
        if(is_expendz != 'true') document.getElementById("coupanSecond").appendChild(coupanSecondx);

        var coupanSecondxx = document.createElement('div');
        coupanSecondxx.className = "cclose";
        coupanSecondxx.setAttribute("onclick", "ipad()");
        if(is_expendz != 'true') document.getElementById("coupanSecondx").appendChild(coupanSecondxx);

        var coupanImgad = document.createElement('iframe');  
        coupanImgad.src = "https://ads-partners.coupang.com/widgets.html?id=707380&template=carousel&trackingCode=AF9686240&subId=&width="+imageI['startw']+"&height="+imageI['starth']+"&tsource=";
        var imgL = parseInt((imageI['startx'] * eWidth) / imageI['owidth']);
        var imgT = parseInt((imageI['starty'] * eHeight) / imageI['oheight']); 
        if(imgL < 100) imgL = "1";
        //console.log("L:"+parseInt(imgL)+"//"+eWidth+"//"+imageI['startx']+"//"+imageI['owidth']);
        //console.log("T:"+parseInt(imgT)+"//"+eHeight+"//"+imageI['starty']+"//"+imageI['oheight']);
        coupanSecond.style.left = imgL+"px";
        coupanSecond.style.top = imgT+"px";
        coupanImgad.style.width = imageI['startw']+"px";
        coupanImgad.style.height = imageI['starth']+"px";
        //coupanImgad.style.border = "20px solid #000";
        coupanImgad.setAttribute("scrolling","no");
        if(is_expendz != 'true') document.getElementById("coupanSecond").appendChild(coupanImgad);
  
    }
  }

});