var local_emotion = [];
var new_emotion = [];

$(function() {
    local_emotion = JSON.parse(localStorage.getItem("emotion"));
    if (local_emotion && local_emotion.length > 0) {
        var content = '';
        $.each(local_emotion, function(index, value) {
            if (value) {
                var emotionArray = value.split("-");
                if (emotionArray.length > 0) {
                    if ($('link[href^="https:\/\/attach2\.mobile01\.com\/css\/main-set-dark.css"]').length == 1 || $('link[href^="https:\/\/attach2\.mobile01\.com\/css\/mobile-main-set-dark.css"]').length == 1) {
                        emotionArray[0] = emotionArray[0].replace('/emotions/', '/emotions/dark/');
                    }
                    content = content + '<a><img src="'+emotionArray[0]+'" title="'+emotionArray[1]+'" loading="lazy"></a>';
                }
            }
        });

        if (isMobile && !magEmotion) {
            var template = '<div class="l-textEditor__emoji">'+
                                '<div class="l-cardSwiper l-cardSwiper--slider">'+
                                    '<div class="l-cardSwiper__container" data-swiper="emoji">'+
                                        '<ul class="l-cardSwiper__wrap swiper-wrapper">'+
                                            '<li class="l-cardSwiper__item l-cardSwiper__item--slider swiper-slide emotion">'+
                                                content+
                                            '</li>'+
                                       '</ul>'+
                                    '</div>'+
                                '</div>'+
                            '</div>';
            $(".l-textEditor__textArea").after(template);
        } else {
            $("#favorite_emotion").html(content);
            $("#favorite_emotion_tab").trigger('click');
        }
    }

    $(document).on('click', '.emotion > .l-tab__container > a', function(e) {
        var emotion_src = $(this).find('img').attr('src').replace('/dark', '');
        new_emotion.push(emotion_src + '-' + $(this).find('img').attr('title'));
    });
});

function localStorageEmotion() {
    if (new_emotion && new_emotion.length > 0) {
        if (local_emotion) {
            var emotion = new_emotion.concat(local_emotion);
        } else {
            var emotion = new_emotion;
        }
        var emotion_uniqe = emotion.filter(function(element, index, arr){
            return arr.indexOf(element) === index;
        });

        localStorage.setItem("emotion", JSON.stringify(emotion_uniqe.slice(0,10)));
    }
}