// Video paly Script
var vid = document.getElementById("myVideo")
var playing = 0;
function playVid() {
    if (playing == 0) {
        vid.play();
        playing = 1;
    }
    else {
        vid.pause()
        playing = 0;
    }
    $('#PlayContentHide').toggleClass('play-content-hide')
    $('#playOn').toggleClass('bx-pause').toggleClass('bx-play')
    $('#playIconDiv').toggleClass('play-icon-div')
}
function pauseVid() {
    vid.pause();
}
// Animation Script
window.addEventListener('scroll', reveal);
function reveal() {
    var reveals = document.querySelectorAll('.reveal');
    for (var i = 0; i < reveals.length; i++) {
        var win_height = window.innerHeight;
        var reveal_top = reveals[i].getBoundingClientRect().top;
        var reveal_point = 150;
        if (reveal_top < win_height - reveal_point) {
            reveals[i].classList.add('active-reveal');
        }
        // else {
        //  reveals[i].classList.remove('active');
        // }
    }
}
// Feed back
if (window.sessionStorage.getItem("closeFeedback")) {
    var element = document.getElementById("closeFeedback");
    element.classList.add("closeFeedback");
}
var selectedPopup = "";
function feedbackCLose() {
    var element = document.getElementById("closeFeedback");
    element.classList.add("closeFeedback");
    window.sessionStorage.setItem("closeFeedback", "true")
}
function closePopup() {
    var element = document.getElementById("feedbackModal");
    element.classList.remove("PopupOpen");
    var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden auto"
}
function closePopupFeedback() {
    var GeneralFeedback = document.getElementById("GeneralFeedback");
    GeneralFeedback.classList.remove("PopupOpen");
    var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden auto"
}
function feedBackTrue() {
    var element = document.getElementById("feedbackModal");
    element.classList.add("PopupOpen");
    var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden"
    feedbackCLose()
}
function GeneralFeedback(type) {
    $("#feedback_type").val(type)
    if (type == "bug") {
        $('#popupTitle').text("Tell us what's broken")
    } else if (type == "feature") {
        $('#popupTitle').text("Tell us how we can improve")
    } else {
        $('#popupTitle').text("How would you rate your experience")
    }
    var element = document.getElementById("GeneralFeedback");
    element.classList.add("PopupOpen");
    closePopup()
    selectedPopup = "GeneralFeedback"
    var getTag = document.getElementsByTagName("body")[0].style.overflow = "hidden"
}
function screenShot(e) {
    document.getElementById('screenShotButton').addEventListener('click', () => {
        new Screenshot({
            success: img => {
                document.getElementById('screenshots').append(img);
            },
            noPermit: () => {
                alert('Please Allow!');
            },
            noSupport: () => {
                alert("You're browser not support screen share");
            },
            sound: true,
            width: 200,
            askNewShare: true,
        });
    });
    let ScreenVideoBtn3 = document.querySelector("#ScreenVideoBtn3")
    // ScreenVideoBtn3.style.display = "none"
}




// <!-- Botnet Attacks Background Animation -->
(function ($) {
    // Add event listener
    document.addEventListener("mousemove", parallax);
    const elem = document.querySelector("#BotnetAttacksDiv");
    const layer1 = document.getElementById('BotnetAttacks')
    function parallax(e) {
        let _w = window.innerWidth / 2;
        let _h = window.innerHeight / 2;
        let _mouseX = e.clientX;
        let _mouseY = e.clientY;
        let _depth1 = `translate(${(_mouseX - _w) * -0.01}px,  ${(_mouseY - _h) * -0.01}px)`;
        // console.log(_depth1)
        layer1.style.transform = _depth1;
    }
})();

// Home page JS
IoTDetailsAddScroll = 30;
var IoTDetails = document.getElementById("IoTDetails");
IoTDetailsTopScroll = IoTDetails.offsetTop - 320
window.addEventListener("scroll", function (event) {
    let count = window.scrollY;
    if (count < IoTDetailsTopScroll) {
        $("#StayAheadCurve").css("transform", "translate(-1000%, 0px)");
    } else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 2)) {
        $("#StayAheadCurve").css("transform", "translate(0px, 0px)");
        $("#GetRealTimeInsights").css("transform", "translate(1000%, 0px)");
    } else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 3)) {
        $("#GetRealTimeInsights").css("transform", "translate(0px, 0px)");
        $("#AutomateProcesses").css("transform", "translate(-1000%, 0px)");
    } else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 4)) {
        $("#AutomateProcesses").css("transform", "translate(0px, 0px)");
        $("#ImproveCustomerSatisfaction").css("transform", "translate(1000%, 0px)");
    } else if (count >= IoTDetailsTopScroll && count <= IoTDetailsTopScroll + (IoTDetailsAddScroll * 5)) {
        $("#ImproveCustomerSatisfaction").css("transform", "translate(0px, 0px)");
        $("#IncreaseRevenue").css("transform", "translate(-1000%, 0px)");
    } else {
        $("#IncreaseRevenue").css("transform", "translate(0%, 0px)");
    }
});
addScroll = 80;
var CloudScroll = document.getElementById("CloudScroll");
TopScroll = CloudScroll.offsetTop - 450
window.addEventListener("scroll", function (event) {
    let count = window.scrollY;
    if (count < TopScroll) {
        $("#CloudScroll").css("background-size", "100% 100%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 1)) {
        $("#CloudScroll").css("background-size", "110% 110%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 2)) {
        $("#CloudScroll").css("background-size", "115% 115%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 3)) {
        $("#CloudScroll").css("background-size", "120% 120%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 4)) {
        $("#CloudScroll").css("background-size", "125% 125%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 5)) {
        $("#CloudScroll").css("background-size", "130% 130%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 6)) {
        $("#CloudScroll").css("background-size", "135% 135%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 7)) {
        $("#CloudScroll").css("background-size", "140% 140%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 8)) {
        $("#CloudScroll").css("background-size", "145% 145%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 9)) {
        $("#CloudScroll").css("background-size", "150% 150%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 10)) {
        $("#CloudScroll").css("background-size", "155% 155%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 11)) {
        $("#CloudScroll").css("background-size", "160% 160%");
    } else if (count >= TopScroll && count <= TopScroll + (addScroll * 12)) {
        $("#CloudScroll").css("background-size", "165% 165%");
    }
});
stageAddScroll = 60;
var CloudScroll = document.getElementById("CloudScroll");
TopScroll = CloudScroll.offsetTop - 450
window.addEventListener("scroll", function (event) {
    let count = window.scrollY;
    if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 1)) {
        $("#cloudInfrastructureHome").css("transform", "translate(0px, 1000%)");
    } else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 2)) {
        $("#cloudInfrastructureHome").css("transform", "translate(0px, 0px)");
        $("#cloudInfrastructureHomeTwo").css("transform", "translate(0px, 1000%)");
    } else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 3)) {
        $("#cloudInfrastructureHomeTwo").css("transform", "translate(0px, 0px)");
        $("#cloudInfrastructureHomeThree").css("transform", "translate(0px, 1000%)");
    } else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 4)) {
        $("#cloudInfrastructureHomeThree").css("transform", "translate(0px, 0px)");
        $("#cloudInfrastructureHomeFour").css("transform", "translate(0px, 1000%)");
    } else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 5)) {
        $("#cloudInfrastructureHomeFour").css("transform", "translate(0px, 0px)");
        $("#cloudInfrastructureHomeFive").css("transform", "translate(0px, 1000%)");
    } else if (count >= TopScroll && count <= TopScroll + (stageAddScroll * 6)) {
        $("#cloudInfrastructureHomeFive").css("transform", "translate(0px, 0px)");
    }
});
$('.businesses-worldwide-image-one').on('mouseenter', function () {
    removeClass()
    document.querySelector('.businesses-worldwide-image-one').classList.add('businesses-worldwide-active')
});
$('.businesses-worldwide-image-two').on('mouseenter', function () {
    removeClass()
    document.querySelector('.businesses-worldwide-image-two').classList.add('businesses-worldwide-active')
});
$('.businesses-worldwide-image-three').on('mouseenter', function () {
    removeClass()
    document.querySelector('.businesses-worldwide-image-three').classList.add('businesses-worldwide-active')
});
$('.businesses-worldwide-image-four').on('mouseenter', function () {
    removeClass()
    document.querySelector('.businesses-worldwide-image-four').classList.add('businesses-worldwide-active')
});
function removeClass() {
    document.querySelector('.businesses-worldwide-image-one').classList.remove('businesses-worldwide-active')
    document.querySelector('.businesses-worldwide-image-two').classList.remove('businesses-worldwide-active')
    document.querySelector('.businesses-worldwide-image-three').classList.remove('businesses-worldwide-active')
    document.querySelector('.businesses-worldwide-image-four').classList.remove('businesses-worldwide-active')
}