var rb = new rightBottomDatlog();
var lineWidth = 0;
var leftNUmber = 0;
var messageLefWidth = 5;
var checkPoint = 0;
sgworld = window.external.createSgworld();
var arr = [];
let Ctype=getUrlParam("Type");
var rturl = "";
$(function () {
    let CurrentRoot = YingYongDataSencond.filter(function (item) { return item.Type == Ctype });
    if (CurrentRoot[0].ChildRen != undefined) {
           $.each(CurrentRoot[0].ChildRen, function (index, value) {
                arr.push(value.time);
            });
            if (arr.length > 0) {

                arr = arr.reverse();

                window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + arr[arr.length - 1] + "&title=" + getUrlParam("title") + "&type=" + Ctype, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
            }
            if (arr.length <= 1) {
                //关闭当前时间轴
                setTimeout(function () {
                    window.external.closeDialog("左下");
                }, 100);
                return false;
            }else{
                //文本赋值

                $(".tname").empty();
                $(".tname").append(decodeURI(getUrlParam("title")));
                $(".tyear").empty();
                $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + arr[checkPoint] + "年");
                checkPoint = arr.length - 1;
                init();

            }
        }


    });

    //var tableName = decodeURI(Ctype);
    //$.ajax({
    //    url: "../../Ashx/Secondcommon.ashx",
    //    type: "post",
    //    data: { Action: "GetTime", Table: tableName },
    //    dataType: "json",
    //    async: false,
    //    success: function (result) {
    //        $.each(result, function (index, value) {
    //            arr.push(value.Year);
    //        });
    //        if (arr.length > 0) {
               
    //            window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + arr[arr.length - 1] + "&title=" + getUrlParam("title") + "&type=" + Ctype, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
    //        }            
    //        if (arr.length <= 1) {
    //            //关闭当前时间轴
    //            setTimeout(function () {
    //                window.external.closeDialog("左下");
    //            }, 100);            
    //            return false;
    //        }else{
    //            //文本赋值

    //            $(".tname").empty();
    //            $(".tname").append(decodeURI(getUrlParam("title")));
    //            $(".tyear").empty();
    //            $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + arr[checkPoint] + "年");
    //            checkPoint = arr.length - 1;
    //            init();

    //        }          
    //    }
    //});  

//})

function init() {
   // arr=[2010,2015,2018];
    //如果数组为空
    if(arr.length==0){
        //关闭时间轴弹窗
        return false;
    }					
    var timeZlineHTml = "";
    var mmessageHtml = "";
    var w = document.getElementById('line').clientWidth;
    lineWidth = ((w - (w * 0.25)) /arr.length);
    for (var m = 0; m < arr.length; m++) {
        timeZlineHTml += '<div class="eline" style="margin-left:' + m * lineWidth +
            'px;width:'+lineWidth+'px" ></div><div class="point" data-year="' + arr[m] + '" style="margin-left:' + (m + 1) *
            lineWidth + 'px"></div>';
        mmessageHtml += '<div class="pmessage" style="margin-left:' + ((m + 1) * lineWidth - messageLefWidth) + 'px">' + arr[
                m] +
            '</div>';
      
    }
    if (arr.length > 0) {
        timeZlineHTml += '<div class="eline" style="margin-left:' + (arr.length * lineWidth) +
            'px"></div>';
    }
    $(".timeZline").empty();
    $(".timeZline").append(timeZlineHTml + '<div class="eline" style="margin-left:' + m * lineWidth + 'px;width:' + lineWidth + 'px" >)</div>');
    $(".mmessage").empty();
    $(".mmessage").append(mmessageHtml);
   
   
    $(".timeZline").find(".point").eq(checkPoint).append("<img src='img/zhou.png' />");
    DivClick();
    leftNUmber = -checkPoint * lineWidth;
    console.log("initNUmber:"+leftNUmber);
    //判断div长度是否能容纳时间轴的长度
    var divWidth = $(".line").width();
     if (divWidth >= arr.length*lineWidth) {
        return ;
    } else {
        
        $(".timeZline").css("margin-left", "" + leftNUmber + "px");
        $(".mmessage").css("margin-left", "" + leftNUmber - messageLefWidth + "px");
     }
    //设置轴的宽度
     $(".eline").width(lineWidth);  
}


function DivClick() {
    var  year="";
    $(".pre").click(function() {
        Pre();
    });

    $(".next").click(function() {
        Next();
    });

    //$(".bf").click(function() {
    //    bf();
    //});

    //点击差号
    //$(".tclose").click(function () {
    //    window.external.closeDialog("左下");
    //});
				
    //上一步
    function Pre() {
        //如果定时器在运行，清除定时器
        if (setTime != null) {
            window.clearInterval(setTime);
            $(".bf").attr("src", "./img/bf.png");
            if(checkPoint>0){
                checkPoint--;
            }
            setTime = null;

        }
        $(".tyear").empty();
        bfstate = false;
		

        if (checkPoint == 0) {
            year=$(".timeZline").find(".point").eq(checkPoint).attr("data-year");
            $(".tyear").append("("+(checkPoint+1)+"/"+arr.length+")"+year+"年");
            return false;
        } else {
            $(".point").empty();
            $(".timeZline").find(".point").eq(checkPoint - 1).append("<img src='img/zhou.png' />");
            year = $(".timeZline").find(".point").eq(checkPoint - 1).attr("data-year");          
            $(".tyear").append("("+checkPoint+"/"+arr.length+")"+year+"年");
            checkPoint = checkPoint - 1;
        }
        window.external.closeDialog("右下");
       // window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + arr[arr.length - 1] + "&title=" + getUrlParam("title") + "&type=" + Ctype, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
        window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + year + "&title=" + getUrlParam("title") + "&type=" + Ctype, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
        window.external.InvokeScript("右上", "GetYX", year);
        window.external.closeDialog("右中");
        //localStorage.setItem("CheckPointYear", year);
        //sgworld.ProjectTree.SetVisibility("", false);
        //sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl+"\\"+year), true);

        var divWidth = $(".line").width();
        if (divWidth >= arr.length*lineWidth) {
            return false;
        } else {
            if (leftNUmber == 0|leftNUmber>0) {
                return false;
            } else {
                $(".timeZline").css("margin-left", "" + (leftNUmber + lineWidth) + "px");
                $(".mmessage").css("margin-left", "" + (leftNUmber + lineWidth-messageLefWidth) + "px");
                leftNUmber = leftNUmber + lineWidth;
            }
        }
        
    }
				
    //下一步
    function Next() {
        if (setTime != null) {
            window.clearInterval(setTime);
            $(".bf").attr("src", "./img/bf.png");
            if(checkPoint>0){
                checkPoint--;
            }
            setTime=null;
        }
        bfstate = false;

        $(".point").empty();
        $(".tyear").empty();
        if ((checkPoint + 1) >= (arr.length - 1)) {
            $(".timeZline").find(".point").eq(arr.length - 1).append("<img src='img/zhou.png' />");
            checkPoint = arr.length - 1;
            year = $(".timeZline").find(".point").eq(arr.length - 1).attr("data-year");
           
            $(".tyear").append("("+arr.length+"/"+arr.length+")"+year+"年");
        } else {
            $(".timeZline").find(".point").eq(checkPoint + 1).append("<img src='img/zhou.png' />");
            checkPoint = checkPoint + 1;
            year = $(".timeZline").find(".point").eq(checkPoint).attr("data-year");

            $(".tyear").append("("+(checkPoint+1)+"/"+arr.length+")"+year+"年");
        }
        window.external.closeDialog("右下");
        window.external.createPmDialogDock("右下", url + "chart/chartDL.html?MaxTime=" + year + "&title=" + getUrlParam("title") + "&type=" + Ctype, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
        window.external.InvokeScript("右上", "GetYX", year);
        window.external.closeDialog("右中");
        //localStorage.setItem("CheckPointYear", year);
        //sgworld.ProjectTree.SetVisibility("", false);
        //sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl + "\\" + year), true);


        var divWidth = $(".line").width();
        if (divWidth >= arr.length*lineWidth) {
            return false;
        } else {
            if ((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)) {
                return false;
            } else {
                $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
                $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
                leftNUmber = leftNUmber - lineWidth;
            }
        }
        
    }

    var bfstate = false;
    var setTime = null;

    function bf() {				
        if (bfstate == false) {
            //图标发生改变
            $(".bf").attr("src","./img/zt.png");
            leftNUmber=lineWidth;
            checkPoint = 0;
            setTime = setInterval(function() {
                var temNumber=0;
                $(".point").empty();
                $(".tyear").empty();
                if (checkPoint > (arr.length - 1)) {
                    checkPoint = 0;
                }
                $(".timeZline").find(".point").eq(checkPoint).append("<img src='img/zhou.png' />");
                year=$(".timeZline").find(".point").eq(checkPoint).attr("data-year");
                $(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + year + "年");

                if((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)){
                    //alert("1:" + leftNUmber);
                    leftNUmber = lineWidth;
                    $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
                    $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
                    //temNumber = lineWidth;

                } else {
                   // alert("2:" + leftNUmber);
                    $(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
                    $(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
                    temNumber = leftNUmber - lineWidth;
                }
                window.external.closeDialog("右下");
                window.external.createPmDialogDock("右下", url + "chart/chartDLTD.html?MaxTime=" + year, rb.width, rb.height, rb.top, rb.left, rb.bottom, rb.right);
                //sgworld.ProjectTree.SetVisibility("", false);
                //sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl + "\\" + year), true);
                leftNUmber=temNumber;
                checkPoint++;
            }, 3000);
            bfstate = true;
        } else {
            $(".bf").attr("src","./img/bf.png");
            if (setTime != null) {
                window.clearInterval(setTime);
                if(checkPoint>0){
                    checkPoint--;
                }
                setTime=null;
            }
            bfstate = false;
        }

    }

    
}