//                                 ###  popup_maker.js  ###
//                              ¸ÞÀÎ ÆäÀÌÁöÀÇ Æ˾÷À» »ý¼ºÇÕ´Ï´Ù.
//
//
//                            popup_maker()  : Æ˾÷À» »ý¼ºÇÕ´Ï´Ù.          
//
//
//               Æ˾÷À» Ãß°¡/Á¦°ÅÇϽ÷Á¸é, popup¿¡ Ç׸ñÀ» Ãß°¡/Á¦°ÅÇØÁÖ¼¼¿ä.
//
//
//
//                                         popup
//                 ########################################################
//                 ###  img_src  -  Æ˾÷ À̹ÌÁö °æ·ÎÀÔ´Ï´Ù.             ###
//                 ###              (°æ·Î img/index/popup)              ###
//                 ###  to_url   -  À̹ÌÁö¸¦ ´©¸£¸é À̵¿ÇÒ ÁÖ¼ÒÀÔ´Ï´Ù.  ###
//                 ########################################################
//
//
//




function popup_maker()
{
    var popup = 
    [
        {
            img_src: "popup3.jpg?v1",
            to_url: ""
        },


        {
            img_src: "popup1.jpg?v2",
            to_url: "event.php"
        },


        {
            img_src: "popup_240531.jpg?v3",
            to_url: "wedding.php"
        },
    ];


    var popups = popup.length;
    var blank_width = (100 - 20 * popups) / popups;
    var is_first = true;
    var result = blank_width;


    function setPosition()
    {
        if(is_first)
        {
            is_first = false;
            return result;
        }
        else
            return result += (20 + blank_width);
    }


    var z_index = 1100;


    function getZIndex()
    {
        return z_index++;
    }


    popup.forEach(function(box) 
    {
        var htmlContent = 
        `
        <div class="popup popup_mobile" style="left: ${setPosition()/2}%; right: ${setPosition()/2}%; z-index:${getZIndex()};">  
            <div class="swiper popSwiper">      
                <div class="swiper-wrapper">
                    <div class="swiper-slide" data-swiper-autoplay="2000">
                        <div class="swiper-card">
                            <div class="img_wrap">
                                <a href="${box.to_url}"><img src="img/index/popup/${box.img_src}"></a>
                            </div>                
                            <div class="btn_wrap">   
                                <div class="close24"><button class="btn_close24">¿À´Ã ÇÏ·ç º¸Áö ¾Ê±â</button></div>  
                                <div class="close"><button class="btn_close">´Ý±â</button></div>          
                            </div>           
                        </div>          
                    </div>
                </div>
            </div>
        </div>  
        `;



        $("#popup").before(htmlContent);
    });
};