var fun = (obj) => {
    obj.children[0].style.animation = "uncover 0.8s linear 0.6s forwards";
    for (var j = 1; j < obj.children.length; j++) {
        obj.children[j].style.animation = "reveal_wz 0.5s linear " + biaoji[j]+ "s forwards";
    }
}

var fun1 = (obj) => {
    obj.children[0].style.animation = "uncover 0.8s linear 0.9s forwards";
    for (var j = 1; j < obj.children.length; j++) {
        if (j == obj.children.length - 1) {
            obj.children[j].style.animation = "reveal_wz 0.5s linear " + biaoji1[j]+ "s forwards";
        }
        else {
            obj.children[j].style.animation = "global_reveal 0.5s linear " + biaoji1[j]+ "s forwards";
        }
    }
}



var fct = (obj) => {
    var fele = obj.parentelement;
    for (var i = 1; i < fele.children.length; i++) {
        fele.children[i].style.animation = "global_reveal 0.5s linear " + biaoji2[i]+ "s forwards";
    }
}


var func = (obj) => {
    obj.children[0].style.animation = "uncover 0.8s linear 0.8s forwards";
    obj.children[1].style.animation = "moveright 0.5s linear 1.6s forwards"
}

var fun2 = (obj) => {
    obj.children[0].style.animation = "uncover 0.5s linear 0.1s forwards";
    ptt_image.style.animation = "appear 0.8s linear 0.6s forwards";
    ptt_image.children[0].style.animation = "uncover 0.8s linear 1.4s forwards";
    indthrbackys.style.animation ="widthadd 1.2s linear 0.6s forwards";
    content_indthr.style.animation = "global_reveal 0.9s linear 0.5s forwards";
}






const option = {
    threshold: [0.15]
}

var biaoji = ['', '1.3', '1.8', '2.3', '2.8'];
var biaoji1 = ['', '1.7', '2.2', '2.7', '3.2'];
var biaoji2 = ['', '1', '1.5', '2', '2.5'];

const ptr = document.queryselector(".partone_right");
const cov = document.queryselector(".partone_cover");
const indwz = document.queryselector(".indtwowz1");
const tximg = document.queryselector(".indtworight");

const content_indthr = document.queryselector(".content_indthr");
const indthrbackys = document.queryselector(".indthrbackys");
const title_indthr = document.queryselector(".title_indthr");
const ptt_image = document.queryselector(".ptt_image");

// scan({
//     option: 0.5,
//     targetele: title_indthr,
//     animation: "appear 0.1s linear 0s forwards",
//     funcall: fun2
// });


// scrl({
//     option: option,
//     targetele: tximg,
//     animation: "global_reveal 0.5s linear 0.5s forwards",
//     funcall: func
// })

// scan({
//     option: 0.5,
//     targetele: indwz,
//     animation: "global_reveal 0.5s linear 0.5s forwards",
//     funcall: fct
// })


// scrl({
//     option: option,
//     targetele: ptr,
//     animation: "reveal 0.5s linear 0s forwards",
//     funcall: fun
// });




const phptone = document.queryselector(".indph_para");
const indppttwwz1 = document.queryselector(".indppttwwz1");
const indppttwwz2 = document.queryselector(".indppttwwz2");
const indppttwwz3 = document.queryselector(".indppttwwz3");
const indppttwwz4 = document.queryselector(".indppttwwz4");
const ind_p_pttwbot = document.queryselector(".ind_p_pttwbot");
const indthrpaddys = document.queryselector(".indthrpaddys");
const phptre_img = document.queryselector(".phptre_img");
const indphptre_wztitle = document.queryselector(".indphptre_wztitle");
const indphptre_wzdl = document.queryselector(".indphptre_wzdl");


// scrl({
//     option: option,
//     targetele: phptone,
//     animation: "global_reveal 0.5s linear 0.3s forwards",
//     funcall: fun1
// });


// scrl({
//     option: option,
//     targetele: indppttwwz1,
//     animation: "global_reveal_right 0.8s linear 0.3s forwards"
// });

// scrl({
//     option: option,
//     targetele: indppttwwz2,
//     animation: "global_reveal_right 0.8s linear 0.3s forwards"
// });

// scrl({
//     option: option,
//     targetele: indppttwwz3,
//     animation: "global_reveal 0.8s linear 0.3s forwards"
// });

// scrl({
//     option: option,
//     targetele: indppttwwz4,
//     animation: "global_reveal 0.8s linear 0.3s forwards"
// });

// scrl({
//     option: option,
//     targetele: ind_p_pttwbot,
//     animation: "global_reveal 0.8s linear 0.3s forwards",
//     funcall: (obj) => {
//         obj.children[0].style.animation = "uncover 0.8s linear 1.1s forwards";
//     }
// });

// scan({
//     option: 0.5,
//     targetele: indthrpaddys,
//     animation: "widthadd 1.2s linear 0.5s forwards",
//     funcall: (obj) => {
//         phptre_img.style.animation = "appear 0.5s linear 0.5s forwards";
//         phptre_img.children[0].style.animation = "uncover 0.8s linear 1s forwards";
//         indphptre_wztitle.style.animation = "global_reveal_right 0.8s linear 1.5s forwards";
//         indphptre_wzdl.style.animation = "global_reveal 0.8s linear 1.5s forwards";
//     }
// })