var _w=1,_h=1,_scale=1,actual_height=1,_offsetY;
var vid,vid_1;
var skip_btn,prev_btn;//跳过动效按钮 ｜ 返回按钮

//'https://txgy-1254295351.cos.ap-beijing.myqcloud.com/bluesail/';

$(window).on('resize',resize_handle).resize();
var _scale2 = 1920/1080;
function resize_handle(){
    _w =$(window).width();
    _h =$(window).height();
    _scale = _w/1920;

    if(stage){
        if(_w>=1024){
            stage.canvas.width = window.innerWidth;
            stage.canvas.height = window.innerHeight;
            exportRoot.scale = window.innerWidth/1920;
        }else {
            stage.canvas.width = window.innerWidth;
            stage.canvas.height = window.innerHeight;
            exportRoot.scale = 1024/1920;
        }
        if(page1){
            page1.more_btn.x = 1420;
            page1.more_btn.y = _h/_scale-100;
            exportRoot.tips_hua.y = _h/_scale-40;
        }

        exportRoot.skip_btn.y = _h/_scale-99;
        exportRoot.prev_btn.y = _h/_scale-99;
        exportRoot.skip_btn2.y = _h/_scale-99;
        exportRoot.prev_btn2.y = _h/_scale-99;
        stage.update();
    }

    var _s=1,_top=0,_left=0;
    if((_w/_h)>=_scale2){
        _s = _w/1920;
        _left = 0;
        _top = (_h-1080*_s)/2 >> 0;
    }else {
        _s = _h/1080;
        _left = (_w-1920*_s)/2>>0;
        _top = 0;
    }

    $('.fullscreen').css({
        'margin-left':_left,
        'margin-top':_top,

        'transform':'scale('+_s+','+_s+')',
        '-webkit-transform':'scale('+_s+','+_s+')',
    })
    $.each($('.p1_li'),function (index,elm){
        $(elm).css({'left':_w*index,'width':_w,
            'height':_h,});
    })
    $('.holder').css({
        'width':_w,
        'height':_h
    })
}

$(function (){
    resize_handle();
})
TweenMax.to('.load_box',.7,{autoAlpha:1,ease:Cubic.easeOut});

$('.la_box').on('click',function (){
   if($('.la_box').hasClass('cn')){
       $('.la_box').removeClass('cn').addClass('en');
       $('.la_box').html('中文版');
       //$('#vid_1').attr({'src':domain+'bluesail_en.mp4'});
       $('#vid_1').attr({'src':'/resourcesfile/video/'+'bluesail_en.mp4'});
       vid_1.play();
   }else{
       $('.la_box').removeClass('en').addClass('cn');
       $('.la_box').html('EN');
       //$('#vid_1').attr({'src':domain+'bluesail_cn.mp4'});
       $('#vid_1').attr({'src':'/resourcesfile/video/'+'bluesail_cn.mp4'});
       vid_1.play();
   }
});

var canvas, stage, exportRoot,lib;
function init() {
    resize_handle();
    canvas = document.getElementById("canvas");
    var comp=AdobeAn.getComposition("BDAA367693C6438DA9E63B65744843CB");
    var lib=comp.getLibrary();
    //var loader = new createjs.LoadQueue(false);
    var loader = new createjs.LoadQueue(false, domain, crossOrigin="*");
    loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
    loader.addEventListener("progress", function(evt){loading(evt,comp)});
    loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
    var lib=comp.getLibrary();
    loader.loadManifest(lib.properties.manifest);
}

var per=0;
function loading(evt, comp) {
    per = evt.progress*100>>0;
    var tmp = "loading..."+per+"%";
    $('.load_per').html(tmp);
}
function handleFileLoad(evt, comp) {
    var images=comp.getImages();
    if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
}
function handleComplete(evt,comp) {
    lib=comp.getLibrary();
    var ss=comp.getSpriteSheet();
    var queue = evt.target;
    var ssMetadata = lib.ssMetadata;
    for(i=0; i<ssMetadata.length; i++) {
        ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
    }


    exportRoot = new lib.ani();
    exportRoot.stop();
    TweenMax.to('.load_page',.8,{autoAlpha:0,overwrite:1,ease:Cubic.easeOut});
    _total = exportRoot.totalFrames-5;
    obj['target_num'] = exportRoot.currentFrame;
    obj['curframe'] = exportRoot.currentFrame;
    $('#canvas').on("mousewheel", mousewheelHandle);

    stage = new lib.Stage(canvas);
    stage.enableMouseOver(10);
    createjs.Touch.enable(stage);
    stage.addChild(exportRoot);
    createjs.Ticker.framerate = 18;
    createjs.Ticker.addEventListener("tick", stage);
    AdobeAn.compositionLoaded(lib.properties.id);

    TweenMax.to('.page1',.7,{autoAlpha:1,ease:Cubic.easeOut});
    init_ui();
    resize_handle();


    //$('#vid').attr({'src':'./media/vid_bg.mp4'});
    $('#vid').attr({'src':'/resourcesfile/m_Index/media/'+'vid_bg.mp4'});
    vid = document.getElementById('vid');

    //$('#vid_1').attr({'src':domain+'bluesail_cn.mp4'});
    $('#vid_1').attr({'src':'/resourcesfile/video/'+'bluesail_cn.mp4'});
    vid_1 = document.getElementById('vid_1');
    vid_1.pause();

    vid.currentTime=0;
    vid.play();
}

var page1,page2_1,page2_2,page2_3,page2_4,page3,page4,page5,page6;
var p6_box,p6_mc_ul,p6_mc_cirs,p6_left_btn,p6_right_btn;
function init_ui(){
    frs_list = exportRoot.timeline.getLabels();

    page1 = exportRoot.page1;
    page1.more_btn.x = 1420;
    page1.more_btn.y = _h/_scale-100;

    page2_1 = exportRoot.page2_1;
    page2_2 = exportRoot.page2_2;
    page2_3 = exportRoot.page2_3;
    page2_4 = exportRoot.page2_4;
    page3 = exportRoot.page3;
    page4 = exportRoot.page4;
    page5 = exportRoot.page5;
    page6 = exportRoot.page6;
    //++++ page1 ++++
    // page1.mc_logo.addEventListener('click',function (e){
    //     console.log('click',e.currentTarget.name);
    // })
    //++++ page5 ++++
    page5.mc1.p5_ui1.btn1.cursor=page5.mc1.p5_ui1.btn2.cursor=page5.mc1.p5_ui1.btn3.cursor='pointer';

    page5.mc1.p5_ui1.btn1.addEventListener('click',p5_click);//市场全球化
    page5.mc1.p5_ui1.btn2.addEventListener('click',p5_click);//研发全球化
    page5.mc1.p5_ui1.btn3.addEventListener('click',p5_click);//制作全球化


    //++++ page6 ++++
    //mc_ul | mc_cirs | left_btn | right_btn
    init_page6();
}
//++++ 跳过动态页面 ++++
function skip_handle(e){
    console.log('skip_handle 跳过');
    cur_pid++;
    cur_pid = Math.max(Math.min(cur_pid,anchor_total-1),0);
    calc_update();
}
//返回+++
function return_handle(e){
    console.log('return_handle 返回');
    cur_pid--;
    cur_pid = Math.max(Math.min(cur_pid,anchor_total-1),0);
    calc_update();
}
//执行刷新+++
function calc_update(){
    var nextFr = frs_list[cur_pid].position;
    var cf = exportRoot.currentFrame;
    var tim = 0;
    console.log('tim-->',tim);
    TweenMax.killAll();
    $('#canvas').off("mousewheel", mousewheelHandle);
    TweenMax.to(exportRoot,tim,{overwrite:1,currentFrame:nextFr,onUpdate:function (){
            //++++ 动画中.... ++++
            exportRoot.gotoAndStop(exportRoot.currentFrame);
            stage.update();
        },onComplete:function (){
            //++++ 动画结束 ++++
            //_lock = false;
            $('#canvas').on("mousewheel", mousewheelHandle);
            console.log('===动画结束===');
        }});
}

///+++++++ 点击事件 ++++++++++++
function p2_moreBtn(){
    console.log('p2_moreBtn click');
    window.location.href='/allegrajdgzdmbm/68.htm';
}

function p2_2_moreBtn(e){
    console.log('======p2_2_moreBtn click======');//
    window.location.href='/ddqjwhqddqjwgq_1/88.htm';
}
function p2_3_moreBtn(e){
    console.log('======p2_3_moreBtn click======');//
    window.location.href='/ycxdjst/94.htm';
}
function p2_4_moreBtn(e){
    console.log('======p2_4_moreBtn click======');//
    window.location.href='/jtxljtjl/120.htm';
}


$('.closeBtn').on('click',function (){
    vid_1.pause();
    TweenMax.to('.vid_box',.4,{autoAlpha:0,ease:Cubic.easeOut});
});
function p3_click(e){
    //console.log('p3_click--->');
    vid_1.play();
    TweenMax.to('.vid_box',.8,{autoAlpha:1,ease:Cubic.easeOut});
}



var p5_bar_x=[7,414,900],p5_id=0,p5_bar_scale=[1,1.13,.8];
function p5_click(e){
    page5.mc1.p5_ui1.btn1.alpha=.5;
    page5.mc1.p5_ui1.btn2.alpha=.5;
    page5.mc1.p5_ui1.btn3.alpha=.5;
    e.currentTarget.alpha = 1;
    p5_id=e.currentTarget.name.slice(3)-1;
    console.log('p5_click-->',p5_id);
    page5.mc1.p5_ui1.txts_mc.gotoAndStop(p5_id);//文案
    page5.mc2.p5_ui2.gotoAndStop(p5_id);//地图
    GUtil.to(page5.mc1.p5_ui1.bar_mc,.4,{x:p5_bar_x[p5_id],scaleX:p5_bar_scale[p5_id]});
}

var p6_data_arr=[]

//初始化page6 数据
var p6_w=498,p6_h=360,p6_mc_ul_wid=1,p6_pageId=0,p6_pageTotal=0;
function init_page6(){
    $.ajax({
        type: 'GET',
        url: '/Content/GetList?channelid=79&IsRecommend=true&count=3&orderby=1&siteid=1',
        contentType: false,
        processData: false,
        success: function (res) {
            if (res.status) {
                for (let i = 0; i < res.data.length; i++) {
                    const element = res.data[i];
                    let time = element.addtime.split(' ')[0].split('-');
                    element.addtime = time[0]+'.'+time[1]+'.'+time[2];
                    let item = {
                        title : element.name,
                        date: element.addtime,
                        link: element.url,
                        thumb: element.titleimg
                    }
                    p6_data_arr.push(item);
                }

                p6_box = page6.mc2.p6_picsBox;
                p6_mc_ul = p6_box.mc_ul;
                p6_mc_cirs = p6_box.mc_cirs;
                p6_left_btn = p6_box.left_btn;
                p6_right_btn = p6_box.right_btn;
                p6_left_btn.cursor = p6_right_btn.cursor = 'pointer';
                var tmp,obj,_cir,_len=p6_data_arr.length;
                for (var i = 0; i < _len; i++) {
                    obj = p6_data_arr[i];
                    tmp = new lib.P6_list_item();
                    tmp.cursor = 'pointer';
                    tmp.x = 528*i;
                    tmp.cid = i;
                    tmp.link = obj.link;
                    tmp.txt_date.text = obj.date;
                    tmp.txt_til.text = obj.title;
                    console.log(tmp.txt_til.text,obj.title);
                    tmp.addEventListener('click',news_click);
                    var bitmap = new createjs.Bitmap(obj.thumb);
                    
                    tmp.bm = bitmap;
                    tmp.bm.image.bm = tmp.bm;
                    tmp.bm.image.onload = function (){
                        //在这里写操作逻辑，或者写好操作逻辑在这里调用
                        if(this.width/this.height>498/360){
                            this.bm.scale = 360/this.height;
                        }else {
                            this.bm.scale = 498/this.width;
                        }
                    }
                    
                    tmp.picBox.addChild(bitmap);
                    p6_mc_ul.addChild(tmp);

                    _cir = new lib.P6_Cir_Item();
                    _cir.x = 60*i;
                    _cir.y = 4;
                    _cir.cid = i;
                    _cir.cursor = 'pointer';
                    _cir.addEventListener('click',cir_click);
                    p6_mc_cirs.addChild(_cir);
                }
                p6_pageTotal = Math.ceil(_len/3);
                if(p6_pageTotal>1){
                    p6_pageId=1;
                    p6_left_btn.visible = p6_right_btn.visible = true;
                    p6_left_btn.addEventListener('click',p6_left_click);
                    p6_right_btn.addEventListener('click',p6_right_click);
                }else {
                    p6_left_btn.visible = p6_right_btn.visible = false;
                }
            }
        }
    })
}
function p6_left_click(e){
    console.log('===p6_left_click===',p6_pageId);
    if(p6_pageId>1){
        p6_pageId--;
        GUtil.to(p6_mc_ul,.7,{x:(1-p6_pageId)*528*3})
    }
}
function p6_right_click(e){
    console.log('===p6_right_click===',p6_pageId);
    if(p6_pageId<p6_pageTotal){
        p6_pageId++;
        GUtil.to(p6_mc_ul,.7,{x:(1-p6_pageId)*528*3})
    }
}
function cir_click(e){
    var _cid = e.currentTarget.cid;
    console.log('cir_click--->',_cid);
}
function news_click(e){
    var _link = e.currentTarget.link;
    console.log('news_click_link--->',_link);
    window.open(_link,'_blank');
}

//最新咨询title-点击事件
function p6_newsTil_click(e){
    console.log('p6_newsTil_click===>');
}
//最新咨询more按钮-点击事件
function p6_news_more(e){
    console.log('p6_news_more_click===>');
    window.open('/zxzx/index.htm','_blank');
}

//++++bm++++
function bm_logo_click(e){
    console.log('bm_logo_click===>');
}
function bm_menu(_this){
    var _btn;
    for (var i = 0; i < 8; i++) {
        _btn = _this['btn'+i];
        _btn.cid = i;
        _btn.cursor='pointer';
        _btn.addEventListener('click',bm_menu_click);
    }
}
function bm_menu_click(e){
    console.log('bm_menu_click-->',e.currentTarget.cid);
}

var _total=1,_curframe=0,_dir=0;
var obj = {target_num:0,curframe:0,count:0,cur_count:0}

//+++ 鼠标滚动事件 +++
var count = 0;
//+++添加事件+++
var cur_pid=0,anchor_list=['page1','page2_1','page2_2','page2_3','page2_4',
        'page3','page4_1','page4_2','page5','page6'],
    frs_list,
    anchor_total=anchor_list.length,_lock= false;





function mousewheelHandle(e){
    console.log("event.deltaY-->",event.deltaY);
    if(Math.abs(event.deltaY)>=10){
        if(event.deltaY>0){
            if(cur_pid<9){
                cur_pid++;
                update();
                $('#canvas').off("mousewheel", mousewheelHandle);
            }
        }else {
            cur_pid--;
            update();
            $('#canvas').off("mousewheel", mousewheelHandle);
        }
        
        
        
        // setTimeout(function (){
            //$('#canvas').on("mousewheel", mousewheelHandle);
            //console.log('setTimeou tadd mousewheel event-->');
        // },2000)
    }
    // if(Math.abs(event.deltaY)<1) return;
    // if(event.deltaY>0){
    //     _dir=1;
    // }else{
    //     _dir=-1;
    // }

    // obj['target_num'] = parseInt(Math.max(Math.min(obj['target_num'],_total-3),1));
    // _curframe = exportRoot.currentFrame;
    //
    // if(_dir==1){
    //     //正播
    //     obj['target_num']+=1;
    //     TweenMax.to(obj,.1,{curframe:obj['target_num'],ease:Cubic.easeOut,onUpdate:function (){
    //             console.log('curframe--->',parseInt(obj['curframe']));
    //             exportRoot.gotoAndStop(parseInt(obj['curframe']));
    //             stage.update();
    //         }});
    //     console.log('_count==>',obj,_dir);
    // }else if(_dir==-1){
    //     obj['target_num']-=1;
    //     TweenMax.to(obj,.1,{curframe:obj['target_num'],ease:Cubic.easeOut,onUpdate:function (){
    //            console.log('curframe--->',parseInt(obj['curframe']));
    //             exportRoot.gotoAndStop(parseInt(obj['curframe']));
    //             stage.update();
    //         }});
    //     console.log('_count==>',obj,_dir);
    // }
}
//
function update(){
    cur_pid = Math.max(Math.min(cur_pid,anchor_total-1),0);

    if(cur_pid>0){
        if(!$('.header_nav').hasClass('header_active')){
            $('.header_nav').addClass('header_active');
        }
    }else {
        $('.header_nav').removeClass('header_active')
    }
    var nextFr = frs_list[cur_pid].position;
    var cf = exportRoot.currentFrame;
    var tim = Math.abs(nextFr-cf)/28;
   
    
    console.log('tim-->',tim);
    TweenMax.killAll();
    TweenMax.to(exportRoot,tim,{overwrite:1,currentFrame:nextFr,onUpdate:function (){
            //++++ 动画中.... ++++
            exportRoot.gotoAndStop(exportRoot.currentFrame);
            stage.update();
        },onComplete:function (){
            //++++ 动画结束 ++++
            //_lock = false;
            $('#canvas').on("mousewheel", mousewheelHandle);
            console.log('===动画结束===');
        }});
}

function labelToFrame(mc, label) {
    var labels = mc.timeline.getLabels(label);
    if (labels.length > 0) {
        var frame = -1;
        var len = labels.length;
        for (var i = 0; i < len; i++) {
            if (labels[i].label == label) {
                frame = labels[i].position;
            }
        }

    }
    return frame;
}