(function ($) {

    $.ajax({
        url: '/wp-content/main_visual.json',
        dataType: 'json',
        cache : false,
        success: function (data) {
            var datalength = data.length;
            var random = Math.round( Math.random() * (datalength - 1));
            data = data[random];
            var cls = 'slide ',
                $topVisual = $('.top-visual'),
                isSp = false,
                iframeWidth, iframeHeight;

            if (navigator.userAgent.indexOf('iPhone') > -1 || navigator.userAgent.indexOf('Android') > -1) {
                isSp = true;
            }

            if (data.bg) {
                $('.bg-image').html('<img src="' + data.bg + '">');
            }

            if (data.youtube_live_url) {
                cls += 'slide-youtube-live';
            } else if (data.label) {
                cls += 'slide-' + data.label;
            }

            var html = html = ['<a href="' + data.url + '" class="' + cls + '">'];

            if (data.youtube_id) {
                html.push('<iframe class="v-pc" width="984" height="344" src="https://www.youtube.com/embed/' + data.youtube_id + '?rel=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen></iframe>');
            } else if (data.youtube_live_url) {

                if (isSp) {
                    var widthRegexp = new RegExp(/width="([0-9]*)"/),
                        heightRegexp = new RegExp(/height="([0-9]*)"/),
                        widthMatches = widthRegexp.exec(data.youtube_live_url),
                        heightMatches = heightRegexp.exec(data.youtube_live_url);

                    if (widthMatches.length > 1 && heightMatches.length > 1) {
                        iframeWidth = widthMatches[1];
                        iframeHeight = heightMatches[1];

                        iframeHeight = Math.floor(iframeHeight * (624 / iframeWidth));
                        iframeWidth = 624;
                    }
                }

                html.push('<div>' + data.youtube_live_url + '</div>');
            } else {
                if (data.pc_main_visual) {
                    html.push('<img src="' + data.pc_main_visual + '" class="v-pc">');
                }

                if (data.sp_main_visual) {
                    html.push('<img src="' + data.sp_main_visual + '" class="v-sp">');
                }
            }

            html.push('</a>');

            $topVisual.html(html.join(''));

            if (data.youtube_live_url && iframeWidth && iframeHeight && isSp) {
                $topVisual.find('iframe').attr('width', iframeWidth).attr('height', iframeHeight);
            }
        }
    });

})(jQuery);