const hehahehap = document.queryselectorall(".hehahehap");
const link_new = document.queryselectorall(".link_new");
const news_phone_title = document.queryselectorall(".partone_phone_title");
const news_phone_content = document.queryselectorall(".partone_phone_p");
const news_img = document.queryselector(".news_parttwo_partone .wo");
const news_link_a = document.queryselectorall(".news_link_a");
const slideshowleftimg = document.queryselectorall(".hehaheha");
const hehahehaf = document.queryselector(".hehahehaf");
const hehahehal = document.queryselector(".hehahehal");
const hehahehafp = document.queryselector(".hehahehafp");
const hehahehalp = document.queryselector(".hehahehalp");


request({
    url: "/casccms/news/list",
    method: "get",
}).then(function (res) {
    num = []
    for (var k = 0; k < res.data.length; k++) {
        if (res.data[k].hotnews == 1) {num.push(k)
        }
    }
    for (var k = 0; k < 4; k++) {
        i = num[k]
        var new_div_1 = document.createelement("div");
        new_div_1.classname = "news_link_div_1 news_link_a_alldiv";
        var new_div_2 = document.createelement("div");
        new_div_2.classname = "news_link_a_alldiv news_div_2 img_1";
        var new_p_1 = document.createelement("p");
        var new_h2 = document.createelement("h2");
        var new_p_2 = document.createelement("p");
        new_p_1.classname = "news_link_div_p_1";
        new_p_2.classname = "news_secondp";
        new_h2.classname = "news_link_a_div_1_h2";
        new_p_1.innerhtml = res.data[i].createtime[0] + res.data[i].createtime[1] + res.data[i].createtime[2] + res.data[i].createtime[3] + "年"
            + res.data[i].createtime[5] + res.data[i].createtime[6] + "月"
            + res.data[i].createtime[8] + res.data[i].createtime[9] + "日";
        new_h2.innerhtml = res.data[i].newstitle;
        new_p_2.innerhtml = res.data[i].newsbody;
        news_phone_title[k].innerhtml = res.data[i].newstitle;
        news_phone_content[k].innerhtml = res.data[i].newsbody.length < 40 ? res.data[i].newsbody : res.data[i].newsbody.slice(0, 40) + ".....";
        new_div_1.appendchild(new_p_1);
        new_div_1.appendchild(new_h2);
        new_div_1.appendchild(new_p_2);
        news_link_a[k].appendchild(new_div_1);
        news_link_a[k].appendchild(new_div_2);
        news_link_a[k].href = "./news_detail.html?wear=" + i + "&src=" + res.data[i].imageaddress;
        link_new[k].href = "./news_detail.html?wear=" + i + "&src=" + res.data[i].imageaddress;
        slideshowleftimg[k].href = news_link_a[k].href;
        slideshowleftimg[k].children[0].src = res.data[i].imageaddress;
        hehahehap[k].href = news_link_a[k].href;
        hehahehap[k].children[0].src = res.data[i].imageaddress;
        new_div_2.style.backgroundimage = "url(" + res.data[i].imageaddress + ")";
        if (k == 3) {
            hehahehafp.href = news_link_a[3].href;
            hehahehafp.children[0].src = res.data[num[3]].imageaddress;
            hehahehaf.href = news_link_a[3].href;
            hehahehaf.children[0].src = res.data[num[3]].imageaddress;
            hehahehal.href = news_link_a[0].href;
            hehahehal.children[0].src = res.data[num[0]].imageaddress;
            hehahehalp.href = news_link_a[0].href;
            hehahehalp.children[0].src = res.data[num[0]].imageaddress;
        }
    }
    




    var i = 0;
    var right_state = false;

    function roll(obj, target, fun) {
        right_state = true;
        clearinterval(obj.time);
        obj.time = setinterval(function () {
            if (obj.offsetleft == target) {
                clearinterval(obj.time);
                if (fun) {
                    fun();
                }
                right_state = false;
            }
            step = (target - obj.offsetleft) / 10;
            step = step < 0 ? math.floor(step) : math.ceil(step);
            obj.style.left = obj.offsetleft + step + "px";
        }, 10);
    }

    function liang(n) {
        for (var i = 0; i < news_link_a.length; i++) {
            news_link_a[i].style.transform = "scale(1, 1)";
            news_link_a[i].children[0].style.backgroundcolor = "white";
        }
        news_link_a[n].style.transform = "scale(1.1, 1.1)";
        news_link_a[n].children[0].style.backgroundcolor = "rgb(211,240,251)";
    }
    var slideimg = document.queryselector(".wo img");


    (function () {
        var timer = null;
        timer = setinterval(function () {
            if (right_state == false) {
                var s = news_img.offsetleft;
                if (s <= -4 * (slideimg.offsetwidth)) {
                    roll(news_img, -5 * (slideimg.offsetwidth), function () { news_img.style.left = "-555px"; });
                    liang(0);
                }
                else {
                    roll(news_img, s - (slideimg.offsetwidth));
                    liang(parseint(s / -(slideimg.offsetwidth)));
                }
            }
        }, 3000);

        news_img.addeventlistener("mouseover", function () { clearinterval(timer); });
        news_img.addeventlistener("mouseout", function () {
            timer = setinterval(function () {
                if (right_state == false) {
                    var s = news_img.offsetleft;
                    if (s <= -4 * (slideimg.offsetwidth)) {
                        roll(news_img, -5 * (slideimg.offsetwidth), function () { news_img.style.left = "-555px"; });
                        liang(0);
                    }
                    else {
                        roll(news_img, s - (slideimg.offsetwidth));
                        liang(parseint(s / -(slideimg.offsetwidth)));
                    }
                }
            }, 3000);
        });



        for (; i < news_link_a.length; i++) {

            news_link_a[i].addeventlistener("mouseover", function () {
                for (var j = 0; j < news_link_a.length; j++) {
                    news_link_a[j].style.transform = "scale(1, 1)";
                    news_link_a[j].children[0].style.backgroundcolor = "white";
                }
                this.style.transform = "scale(1.1, 1.1)";
                this.children[0].style.backgroundcolor = "rgb(211,240,251)";
                roll(news_img, this.getattribute("index") * (-slideimg.offsetwidth));
                clearinterval(timer);
            });

            news_link_a[i].addeventlistener("mouseout", function () {
                timer = setinterval(function () {
                    if (right_state == false) {
                        var s = news_img.offsetleft;
                        if (s <= -4 * (slideimg.offsetwidth)) {
                            roll(news_img, -5 * (slideimg.offsetwidth), function () { news_img.style.left = "-555px"; });
                            liang(0);
                        }
                        else {
                            roll(news_img, s - (slideimg.offsetwidth));
                            liang(parseint(s / -(slideimg.offsetwidth)));
                        }
                    }
                }, 3000);
            });


        }

    })();

});






const dc1 = document.queryselector(".parttwo_phone_child1");
const dc2 = document.queryselector(".parttwo_phone_child2");
const dy1 = document.queryselector(".parttwo_phone_child_article1");
const dy2 = document.queryselector(".parttwo_phone_child_article2");

// dc1.addeventlistener("click", function() {
// dy1.style.display = "flex";
// dy2.style.display = "none";
// });

// dc2.addeventlistener("click", function () {
// dy2.style.display = "flex";
// dy1.style.display = "none";
// });


const wuyon = document.queryselectorall(".wuyon");
const dian = document.queryselectorall(".dian");






var rollobj = document.queryselector(".phone_slideshow");
var slideshowimg = document.queryselector(".phone_slideshow img");
var i = 0;
var right_stater = false;






function roller(obj, target, fun) {
    right_stater = true;
    clearinterval(obj.time);
    obj.time = setinterval(function () {
        if (obj.offsetleft == target) {
            clearinterval(obj.time);
            if (fun) {
                fun();
            }
            right_stater = false;
        }
        step = (target - obj.offsetleft) / 10;
        step = step < 0 ? math.floor(step) : math.ceil(step);
        obj.style.left = obj.offsetleft + step + "px";
    }, 10);
}

function liange(n) {
    for (var i = 0; i < dian.length; i++) {
        dian[i].style.backgroundcolor = "white";
        wuyon[i].style.display = "none";
    }
    dian[n].style.backgroundcolor = "rgb(57,103,172)";
    wuyon[n].style.display = "block";
}



(function () {
    var timer = null;
    timer = setinterval(function () {
        if (right_stater == false) {
            var s = rollobj.offsetleft;
            if (s <= -4 * (slideshowimg.offsetwidth)) {
                roller(rollobj, -5 * (slideshowimg.offsetwidth), function () { rollobj.style.left = "-55.5%"; });
                liange(0);
            }
            else {
                roller(rollobj, s - (slideshowimg.offsetwidth));
                liange(parseint(s / -(slideshowimg.offsetwidth)));
            }
        }
    }, 2000);


    var startx, starty;
    function getangle(angx, angy) {
        return math.atan2(angy, angx) * 180 / math.pi;
    };
    function getdirection(startx, starty, endx, endy) {
        var angx = endx - startx;
        var angy = endy - starty;
        if (math.abs(angx) < 2 && math.abs(angy) < 2) {
            return 0;
        }
        var angle = getangle(angx, angy);
        if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
            return 1;
        } else if (angle >= -45 && angle <= 45) {
            return 2;
        }
        return 0;
    }

    rollobj.addeventlistener("touchstart", function (e) {
        startx = e.touches[0].pagex;
        starty = e.touches[0].pagey;
        clearinterval(timer);
    });

    rollobj.addeventlistener("touchend", function (e) {
        timer = setinterval(function () {
            if (right_stater == false) {
                var s = rollobj.offsetleft;
                if (s <= -4 * (slideshowimg.offsetwidth)) {
                    roller(rollobj, -5 * (slideshowimg.offsetwidth), function () { rollobj.style.left = "-55.5%"; });
                    liange(0);
                }
                else {
                    roller(rollobj, s - (slideshowimg.offsetwidth));
                    liange(parseint(s / -(slideshowimg.offsetwidth)));
                }
            }
        }, 2000);
        var endx, endy;
        endx = e.changedtouches[0].pagex;
        endy = e.changedtouches[0].pagey;
        var direction = getdirection(startx, starty, endx, endy);
        if (direction == 1) {
            if (right_stater == false) {
                var s = rollobj.offsetleft;
                if (s <= -4 * (slideshowimg.offsetwidth)) {
                    roller(rollobj, -5 * (slideshowimg.offsetwidth), function () { rollobj.style.left = "-55.5%"; });
                    liange(0);
                }
                else {
                    roller(rollobj, s - (slideshowimg.offsetwidth));
                    liange(parseint(s / -(slideshowimg.offsetwidth)));
                }
            }
        }
        else if (direction == 2) {
            if (right_stater == false) {
                var s = rollobj.offsetleft;
                if (s >= -1 * (slideshowimg.offsetwidth)) {
                    roller(rollobj, 0 * (slideshowimg.offsetwidth), function () { rollobj.style.left = "-444.5%"; });
                    liange(3);
                }
                else {
                    roller(rollobj, s + (slideshowimg.offsetwidth));
                    var a = parseint(s / -(slideshowimg.offsetwidth)) - 2;
                    if (a == -1) {
                        liange(3);
                    }
                    else liange(a);

                }
            }
        }
        else {

        }
    });

})();





















for (var i = 0; i < dian.length; i++) {
    dian[i].addeventlistener("click", function () {
        for (var i = 0; i < dian.length; i++) {
            dian[i].style.backgroundcolor = "white";
            wuyon[i].style.display = "none";
        }
        this.style.backgroundcolor = "rgb(57,103,172)";
        wuyon[this.getattribute("index")].style.display = "block";
        roller(rollobj, this.getattribute("index") * (-slideshowimg.offsetwidth));
    });
}