$(function(){
    // 首頁主廣告
    if($("#slideshow .slide-item").length>=1){
        $("#slideshow").owlCarousel({
            loop : true,
            items : 1,
            nav : true,
            navText : ['',''],
            autoplay:true,
            autoplayTimeout:6000,
        });
    }

    var controller = new ScrollMagic.Controller();

    $('.verticalbox,.levelbox,.bgbox,.userpic,.slogan,.iconbox').each(function(index, el) {

        $(el).attr('id','scene_0'+index);
        new ScrollMagic.Scene({triggerElement: '#scene_0'+index,offset: -220 })
                    // trigger animation by adding a css class
                    .setClassToggle('#scene_0'+index , "view")

                    .addTo(controller);
    });

    $('.fun_icon').click(function(){
        var num = $(this).attr('num');
        $.ajax({
            url:"/webpage/ajax/ajax_get_fun_video.php",
            type:"POST",
            data:{ID:num},
            success:function(e){
                if(e){
                    $('.popupbox').find('.wrapper').html('<video autoplay id="video" ><source  src="/upload_files/fonlego-rwd/video/'+e+'"></video>');
                    $("#video").mouseover(function(){
                        $("#video").attr('controls','controls');
                    });
                    //$('.popupbox').css({'display':'block'});
                }
            }
        });
        $('.popupbox').css({'display':'block'});
    });

    $('.popupButton').click(function(){
        var Device = $("#Device").val();
        var on = $(this).attr('data-on');
        var tag = $(this).attr('data-tag');
        var video = $(this).attr('data-video');
        var mp4 = $(this).attr('data-mp4');
        
        if(on == 'video'){
            if(tag == 'pw'){
                if(Device == 'PC'){    
                    $('.popupbox').find('.wrapper').html('<video autoplay  id="video" ><source  src="/upload_files/fonlego-rwd/video/'+mp4+'"></video>');
                    $("#video").mouseover(function(){
                        $("#video").attr('controls','controls');
                    });
                    $('.popupbox').css({'display':'block'});
                }else{
                    if(video){
                        window.open("https://www.youtube.com/watch?v="+video);
                    }
                }
            }else if(tag == "youtube"){
                if(video){
                    window.open("https://www.youtube.com/watch?v="+video);
                }
            }
        }
            
    });

    $('.popupbox').on('click','.close',function(){
        $('.popupbox').removeAttr('style');
        $('.popupbox').find('video').remove();
    });

});