// ==UserScript==
// @name         手机看图、小说适配
// @namespace    http://tampermonkey.net/
// @version      9.485
// @description  页面旋转，自动滚动，图片集合
// @author       You
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=pixabay.com
// @grant        unsafeWindow
// @require      https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function($) {

    'use strict';

    if (document.querySelector('.JqScroll')) {
        return
    }

    function addStyle(styleStr) {
        var style_node = document.createElement('style');
        style_node.type = 'text/css';
        style_node.innerHTML = styleStr;
        document.getElementsByTagName('head').item(0).appendChild(style_node);
    }

    addStyle(
        "html {" +
        "overflow-x: scroll !important;" +
        "scroll-behavior: auto !important;}" +

        "body {" +
        "overflow: visible !important;}" +

        "html,body {" +
        "overflow-wrap: break-word;" +
        "height: auto !important;}");


    var winWidth = window.innerWidth;

    var winHeight = window.innerHeight;

    var winW;

    if (winWidth > winHeight) {

        winW = winHeight * 0.9;

    } else {

        winW = winWidth;

    }

    addStyle(
        "#Jscroll-ul *{" +
        "padding: 0 !important;" +
        "margin: 0 !important;" +
        "position: static !important;" +
        "float: none !important;" +
        "border-radius: 0 !important;" +
        "height: auto !important;" +
        "opacity: 1 !important;" +
        "visibility: visible !important;" +
        "background-color: black !important;" +
        "object-fit: contain !important;" +
        "background-image: none !important;}" +

        "#Jscroll-ul *::before,#Jscroll-ul *::after{" +
        "display: none !important;}" +

        "#Jscroll-ul > img{" +
        "border-bottom: 1px solid gray !important;}" +

        "#Jscroll-ul img{" +
        "display: block;" +
        "min-height:" + (winW * 0.5) + "px !important;" +
        "width: 100% !important;}" +

        "#Jscroll-ul span,#Jscroll-ul a{" +
        "font-size:" + (winW * 0.045) + "px !important;" +
        "color: white;" +
        "word-wrap: break-word !important;" +
        "line-height: normal !important;}" +

        "#Jscroll-ul a:visited{" +
        "color: #741274;}" +

        "#Jscroll-ul a{" +
        "display: inline-block;" +
        "min-height:" + (winW * 0.13) + "px !important;" +
        "width: auto;" +
        "min-width: calc(25% - 2px) !important;" +
        "max-width: calc(100% - 2px) !important;" +
        "border: 1px solid red !important;" +
        "vertical-align:top;" +
        "text-decoration: none !important;}" +

        ".word-text-big{" +
        "background-color: black !important;" +
        "color: white !important;" +
        "line-height: normal !important;" +
        "overflow-wrap: break-word !important;" +
        "height: auto !important;}");

    var width = winW * 0.125;

    var height = winW * 0.1;

    var top = winHeight * 0.35 - winW * 0.05;

    var fontSz = winW * 0.036;

    var jianG = winW * 0.1;

    var left2 = -0.125 * winW * 0.125;

    var left = winW * 0.125 + left2;

    var twoCss = "position:absolute; top:0; left: 0; overflow: visible; width: 100%!important; height: auto!important; z-index: 2147483646!important; margin: 0; border: 0; background-color: black;"

    var aScss = "opacity: 0.7; border-radius: " + (width * 0.1) + "px;cursor: pointer; z-index: 2147483647!important; padding: 0!important; font-weight: bold; font-size: " + fontSz + "px !important;line-height:12px!important; border:2px solid white;height:" + height + "px;background-color:black;color:white;position:fixed;width:" + width + "px;left:0%; top: 15%; ";

    var sameCss = aScss + "margin-left:" + left + "px;";
    var sameCss2 = aScss + "margin-left:" + left2 + "px;";

    var scrollJu = 270;
    var secZ = 2;

    function addInput(id, value, style) {
        var input_node = document.createElement('input');
        input_node.type = "button";
        input_node.setAttribute("class", "JqScroll");
        input_node.setAttribute("id", id);
        input_node.setAttribute("value", value);
        input_node.setAttribute("style", style);
        $(document.body).append(input_node);
    }

    addInput('Jscroll-rotate', 'R', sameCss + "px;margin-top:" + (top) + "px");
    addInput('Jscroll-jian', '-', sameCss + "px;margin-top:" + (top - jianG) + "px");
    addInput('Jscroll-jia', '+', sameCss + "px;margin-top:" + (top - 2 * jianG) + "px");
    addInput('Jscroll-Ju', scrollJu, sameCss + "px;margin-top:" + (top - 3 * jianG) + "px");
    addInput('Jscroll-sec', secZ, sameCss + "px;margin-top:" + (top - 4 * jianG) + "px");

    addInput('Jscroll-del', 'X', sameCss2 + "px;margin-top:" + (top) + "px");
    addInput('Jscroll-width', 'W', sameCss2 + "px;margin-top:" + (top - jianG) + "px");
    addInput('Jscroll-pic', 'P', sameCss2 + "px;margin-top:" + (top - 2 * jianG) + "px");
    addInput('Jscroll-xy', '▽', sameCss2 + "px;margin-top:" + (top - 3 * jianG) + "px");
    addInput('Jscroll-up', '△', sameCss2 + "px;margin-top:" + (top - 4 * jianG) + "px");
    addInput('Jscroll-picwh', '100', sameCss2 + "px;margin-top:" + (top - 5 * jianG) + "px");

    var Drotate = 0;
    var xMove = 0;

    $(document.body).on('touchstart', '#Jscroll-rotate', function() {

        Drotate += 1;

        if (Drotate % 2 != 0) {

            $(document.querySelectorAll("#Jscroll-rotate")).css("color", "green");

            var wrap_rotate;

            var wrap_rotate_inner;

            if ($(document.querySelectorAll('#wrap_rotate')).length == 0) {

                wrap_rotate = $('<div />', {
                    id: "wrap_rotate"
                });

                wrap_rotate_inner = $('<div />', {
                    id: "wrap_rotate_inner"
                });

                $(document.body).wrapInner(wrap_rotate_inner).wrapInner(wrap_rotate);
            }

            wrap_rotate = $(document.querySelectorAll('#wrap_rotate'));

            wrap_rotate_inner = $(document.querySelectorAll('#wrap_rotate_inner'));

            var window_width = winHeight;

            window.scrollTo(0, 3 * window_width);

            setTimeout(function() {

                wrap_rotate.append($(document.querySelectorAll(".JqScroll")));

                wrap_rotate.attr('style', "z-index: 2147483647!important; overflow: visible; height: " + (window_width) + "px; width: auto;");

                wrap_rotate_inner.attr('style', "z-index: 2147483647!important; position: relative; left: -100%; -webkit-transform: rotateZ(-90deg); -webkit-transform-origin-x: 100%; -webkit-transform-origin-y: 0%; -moz-transform: rotateZ(-90deg); -moz-transform-origin-x: 100%; -moz-transform-origin-y: 0%;float: right; width: " + window_width + "px;");

                xMove = 1;

                $(document.querySelectorAll("#Jscroll-ul")).css({
                    "padding": "0 0 1500px 0",
                });

                $(document.querySelectorAll("#wrap_rotate")).css({
                    "min-width": $(document.querySelectorAll("#wrap_rotate_inner")).outerHeight() + 1500,
                });

                window.scrollTo(0, 0);

            }, 200);
        } else {
            $(document.querySelectorAll("#Jscroll-rotate")).css("color", "white");

            xMove = 0;

            $(document.querySelectorAll("#Jscroll-ul")).css({
                "padding": "0 0 800px 0",
            });

            setTimeout(function() {
                $(document.querySelectorAll('#wrap_rotate')).attr('style', "");
                $(document.querySelectorAll('#wrap_rotate_inner')).attr('style', "");

            }, 200);
        }

    });

    var widthN = 12;
    var fontZ;

    $(document.body).on('touchstart', '#Jscroll-width', function() {

        var fSize = parseInt($(document).width() / widthN);

        $(document.querySelectorAll("#Jscroll-width")).css("color", "green");

        if (widthN > 17) {

            fSize = "inherit";
            $(document.querySelectorAll("#Jscroll-width")).css("color", "white");

        }

        function interFn() {

            $(document.querySelectorAll("em")).each(function() {
                if ($(this).css("background-image").indexOf("url") > -1) {

                    $(this).css("font-size", $(this).css("font-size"));

                    var _scale;

                    if (fSize != "inherit") {
                        _scale = parseInt(fSize / parseInt($(this).css("font-size")) * 10) / 10 / 2.2 * 1.8;
                    } else {
                        _scale = 1;
                    }

                    $(this).css({
                        "transform": "scale(" + _scale + ")", //1.8
                        "margin": "0 " + (_scale * 9 - 9) + "px",
                    });

                }
            });

            var wordCss = {
                "font-size": fSize,
            }

            $(document.querySelectorAll("p,strong,span,h1,h2,h3")).filter(function() {
                return !$(this).is(":has(a)") || $(this).clone().children().remove().end().text().length > 30;
            }).css(wordCss).not(".word-text-big").addClass("word-text-big");

            $(document.querySelectorAll(":not(p,strong,span,h1,h2,h3)")).not(":has(div,li)").filter(function() {
                return $(this).clone().children().remove().end().text().length > 100;
            }).css(wordCss).not(".word-text-big").addClass("word-text-big");

        }

        clearInterval(fontZ);
        interFn();
        fontZ = setInterval(interFn, 4 * 1000);

        $(document.querySelectorAll("#Jscroll-width")).val(20 - widthN);
        if (widthN == 18) {
            $(document.querySelectorAll("#Jscroll-width")).val("W");

        }
        if (fSize == "inherit") {
            widthN = 10;
        }

        widthN += 2;

    });

    $(document.body).on('click', ".word-text-big", function(e) {

        if ($(this).parents(".word-text-big").length == 0) {

            var touchX = e.clientX;
            var touchY = e.clientY;
            var fontH = parseInt($(this).css("font-size")) * 1.4;
            var scrollH = 0.5;

            if (xMove == 1) {
                window.scrollBy((winWidth - fontH) * (touchX > winWidth * scrollH ? 1 : -1), 0);

            } else {
                window.scrollBy(0, (winHeight - fontH) * (touchY > winHeight * scrollH ? 1 : -1));

            }
        }
    });

    var picwh = 100;

    $(document.body).on('touchstart', "#Jscroll-picwh", function() {

        picwh += 100;

        $(document.querySelectorAll("#Jscroll-picwh")).val(picwh);

        $(document.querySelectorAll("#Jscroll-ul img")).each(function() {

            if (this.naturalWidth) {

                if (this.naturalWidth < picwh || this.naturalHeight < picwh) {
                    $(this).hide();

                }
            }
        });
    });

    var timeout_8;

    $(document.body).on('touchstart', '#Jscroll-picwh', function() {
        timeout_8 = setTimeout(function() {

            picwh = 100;

            $(document.querySelectorAll("#Jscroll-picwh")).val(picwh);

            $(document.querySelectorAll("#Jscroll-ul img")).filter(function() {
                return this.naturalWidth;
            }).show();

            $(document.querySelectorAll("#Jscroll-ul img")).each(function() {

                if (this.naturalWidth) {

                    if (this.naturalWidth < picwh || this.naturalHeight < picwh) {
                        $(this).hide();

                    }
                }
            });

        }, 500);
    }).on('touchend touchmove', '#Jscroll-picwh', function() {
        clearTimeout(timeout_8);
    });

    function clearBlank(urlB) {
        return urlB.trim().split(",")[0];

    }

    $(document.body).on('click', "#Jscroll-ul a", function() {
        if (Dscroll % 2 != 0) {
            Dscroll += 1;
            $(document.querySelectorAll("#Jscroll-Ju")).css("color", "white");

            clearInterval(timeDown);
        }
    });

    var widthZ;
    var downImg;
    var picZ = 0;

    $(document.body).on('touchstart', "#Jscroll-pic", function() {

        function interFn() {
            var preArr = [];
            var dataObj = {};
            var newImgAr = [];

            $(document.querySelectorAll("div,li,a,img,[srcset],[poster]")).each(function() {

                var _img = $(this);

                if (!_img.parent().is("#Jscroll-ul") && !_img.parent().parent().is("#Jscroll-ul")) {

                    var _backImg = _img.css("background-image").split("\"");

                    Object.assign(dataObj, {

                        "_src": _img.attr("src") ? _img.attr("src") : "",

                        "_zsrc": _img.attr("zsrc") ? _img.attr("zsrc") : "",

                        "_file": _img.attr("file") ? _img.attr("file") : "",

                        "_srcset": _img.attr("srcset") ? _img.attr("srcset") : "",

                        "_text": _img.text().length > 10 && _img.text().length < 200 ? _img.text() : "",

                        "_poster": _img.attr("poster") ? _img.attr("poster") : "",

                        "_backImg": _backImg.length > 1 ? _backImg[1] : "",

                    });

                    Object.assign(dataObj, _img.data());

                    var _imgsStr = "";

                    var _imgStr = "";

                    $.each(dataObj, function(v, i) {

                        i = i.toString();

                        if (/[/?]/.test(i)) {

                            i = clearBlank(i);

                            _imgStr = "<img src='" + i + "'>";

                            if (picZ == 1 || picZ == 3) {

                                newImgAr.push(_imgStr);

                            }

                            if (picZ == 2 && preArr.indexOf(i) == -1) {

                                _imgsStr += _imgStr;
                                preArr.push(i);

                            }
                        }
                    });

                    if (picZ == 2 && (_imgsStr != "" || _img.is("a"))) {

                        var _pStr;

                        if (_img.attr("alt")) {

                            _pStr = "<span>" + _img.attr("alt") + "</span>";

                        } else if (_img.attr("title")) {

                            _pStr = "<span>" + _img.attr("title") + "</span>";

                        } else {
                            _pStr = _img.text().length > 0 ? "<span>" + _img.text() + "</span>" : "";

                        }

                        var _a = _img.closest("a");

                        if (_a.length != 0) {

                            var _href = _a.attr("href") ? "href='" + _a.attr("href") + "'" : "";

                            var _onclick = _a.attr("onclick") ? _a.attr("onclick") : "";

                            newImgAr.push("<a " + _href + " onclick=" + _onclick + ">" + _imgsStr + _pStr + "</a>");

                        } else {

                            newImgAr.push(_imgsStr, _pStr);

                        }
                    }
                }
            });

            newImgAr = Array.from(new Set(newImgAr));

            if (newImgAr.toString() != imgAr.toString()) {

                var newArrEx = newImgAr.filter(function(n) {
                    return imgAr.indexOf(n) == -1
                });

                $(document.querySelectorAll("#Jscroll-ul")).append(newArrEx);

                var isSupportLoading = 'loading' in document.createElement('img');
                if (isSupportLoading) {
                    $(document.querySelectorAll("#Jscroll-ul img")).attr("loading", "lazy");
                }

                $(document.querySelectorAll("#Jscroll-ul img")).on('error', function() {
                    $(this).hide();
                });

                $(document.querySelectorAll("#Jscroll-ul img")).on("load", function() {
                    var natuW = this.naturalWidth;
                    var natuH = this.naturalHeight;

                    if (natuW < picwh || natuH < picwh) {

                        $(this).hide();

                    } else {

                        if (_numH < 6) {

                            _allH += natuW < natuH ? natuW : natuH;
                            _numH += 1;

                        }

                        if (_numH == 5) {

                            picwh = parseInt(_allH * 0.6 / _numH / 100) * 100;

                            if (picwh < 100) {
                                picwh = 100;
                            }

                            $(document.querySelectorAll("#Jscroll-picwh")).val(picwh);

                            $(document.querySelectorAll("#Jscroll-ul img")).each(function() {

                                if (this.naturalWidth) {

                                    if (this.naturalWidth < picwh || this.naturalHeight < picwh) {
                                        $(this).hide();

                                    }
                                }
                            });

                        }
                    }
                });

                imgAr = newImgAr;
            }
        }

        clearInterval(widthZ);

        clearInterval(downImg);

        $(document.querySelectorAll("#Jscroll-ul")).remove();

        picZ += 1;

        if (picZ < 4) {
            if (xMove == 1) {
                $(document.querySelectorAll("#wrap_rotate_inner")).prepend("<div id='Jscroll-ul' style='" + twoCss + "'>");

                $(document.querySelectorAll("#Jscroll-ul")).css({
                    "padding": "0 0 1500px 0",
                });

            } else {
                $(document.body).prepend("<div id='Jscroll-ul' style='" + twoCss + "'>");

                $(document.querySelectorAll("#Jscroll-ul")).css({
                    "padding": "0 0 800px 0",
                });
            }

            picwh = 100;

            var imgAr = [];
            var _allH = 0;
            var _numH = 0;

            $(document.querySelectorAll("#Jscroll-picwh")).val(picwh);

            $(document.querySelectorAll("#Jscroll-pic")).css("color", "green").val(picZ);

            interFn()

            widthZ = setInterval(interFn, 6000);

            if (picZ == 3 && xMove == 0) {

                downImg = setInterval(function() {

                    var ulTop = parseInt($(document.querySelectorAll("#Jscroll-ul")).css("top"));

                    var newTop = parseInt($(document).height() - $(document.querySelectorAll("#Jscroll-ul")).outerHeight()) - 1;

                    if (ulTop < newTop) {

                        $(document.querySelectorAll("#Jscroll-ul")).css({
                            "top": newTop,
                        });

                        window.scrollBy(0, newTop - ulTop);
                    }

                }, 1000);
            }

        } else {

            $(document.querySelectorAll("#Jscroll-pic")).css("color", "white").val("P");

            picZ = 0;
        }

    });

    $(document.body).on('click', "#Jscroll-ul>*:not(a)", function(e) {

        var touchX = e.clientX;
        var touchY = e.clientY;
        var howH = 0.5;
        var scrollH = 0.5;

        if (xMove == 1) {
            window.scrollBy(winWidth * howH * (touchX > winWidth * scrollH ? 1 : -1), 0);

        } else {
            window.scrollBy(0, winHeight * howH * (touchY > winHeight * scrollH ? 1 : -1));

        }
    });

    var timeout_7;

    $(document.body).on('touchstart', '#Jscroll-pic', function() {
        timeout_7 = setTimeout(function() {

            clearInterval(widthZ);

            $(document.querySelectorAll("#Jscroll-ul")).remove();
            $(document.querySelectorAll("#Jscroll-pic")).css("color", "white").val("P");

            picZ = 0;
        }, 500);
    }).on('touchend touchmove', '#Jscroll-pic', function() {
        clearTimeout(timeout_7);
    });

    $(document.body).on('touchstart', '#Jscroll-sec', function() {

        secZ -= 1;

        if (secZ < 0) {
            secZ = 3
        }
        if (secZ < 1) {
            secZ = 0.6
        }
        $(document.querySelectorAll("#Jscroll-sec")).val(secZ);

    });

    var Dxy = 0;
    var pageX;
    var pageY;
    var timeHu;

    $(document.body).on('touchstart', '#Jscroll-xy', function() {
        var toH;

        if (xMove != 1) {
            toH = $(document).height();

        } else {
            toH = $(document.querySelectorAll("#wrap_rotate_inner")).outerHeight() - 250;

        }
        Dxy += 1;

        clearTimeout(timeHu);

        if (Dxy % 2 == 1) {

            pageX = $(window).scrollLeft();
            pageY = $(window).scrollTop();

            if (xMove == 1) {
                window.scrollTo(toH, 0);

            } else {
                window.scrollTo(0, toH);
            }
            $(document.querySelectorAll("#Jscroll-xy")).val("=");
            $(document.querySelectorAll("#Jscroll-up")).val("=");

            timeHu = setTimeout(function() {
                Dxy += 1;
                $(document.querySelectorAll("#Jscroll-up")).val("△");
                $(document.querySelectorAll("#Jscroll-xy")).val("▽");

            }, 8 * 1000);

        } else {

            window.scrollTo(pageX, pageY);
            $(document.querySelectorAll("#Jscroll-up")).val("△");
            $(document.querySelectorAll("#Jscroll-xy")).val("▽");

        }
    });

    $(document.body).on('touchstart', '#Jscroll-up', function() {

        Dxy += 1;

        clearTimeout(timeHu);

        if (Dxy % 2 == 1) {

            pageX = $(window).scrollLeft();
            pageY = $(window).scrollTop();

            window.scrollTo(0, 0);

            $(document.querySelectorAll("#Jscroll-xy")).val("=");
            $(document.querySelectorAll("#Jscroll-up")).val("=");

            timeHu = setTimeout(function() {
                Dxy += 1;
                $(document.querySelectorAll("#Jscroll-up")).val("△");
                $(document.querySelectorAll("#Jscroll-xy")).val("▽");

            }, 8 * 1000);

        } else {

            window.scrollTo(pageX, pageY);
            $(document.querySelectorAll("#Jscroll-up")).val("△");
            $(document.querySelectorAll("#Jscroll-xy")).val("▽");

        }
    });

    setTimeout(function() {
        $(document.querySelectorAll(".JqScroll")).hide();
        $(document.querySelectorAll("#Jscroll-del")).show().css({
            "opacity": "0.4",
            "-webkit-transform": "scale(0.72)",
            "-moz-transform": "scale(0.72)",
            "transform": "scale(0.72)",

        });
    }, 100);

    var Dhide = 1;

    $(document.body).on('touchstart', '#Jscroll-del', function() {

        Dhide += 1;

        if (Dhide % 2 != 0) {
            $(document.querySelectorAll(".JqScroll")).hide();
            $(document.querySelectorAll("#Jscroll-del")).show().css({
                "opacity": "0.4",
                "-webkit-transform": "scale(0.72)",
                "-moz-transform": "scale(0.72)",
                "transform": "scale(0.72)",
            });

        } else {
            $(document.querySelectorAll(".JqScroll")).show();
            $(document.querySelectorAll("#Jscroll-del")).css({
                "opacity": "0.8",
                "-webkit-transform": "scale(1)",
                "-moz-transform": "scale(1)",
                "transform": "scale(1)",

            });
            if (Dscroll % 2 != 0) {
                Dscroll += 1;
                $(document.querySelectorAll("#Jscroll-Ju")).css("color", "white");

                clearInterval(timeDown);
            }
        }
    });

    var timeout_2;
    $(document.body).on('touchstart', '#Jscroll-del', function() {
        timeout_2 = setTimeout(function() {

            $(document.querySelectorAll(".JqScroll")).hide();
            $(document.querySelectorAll("#Jscroll-del")).css({
                "opacity": "0.4",
                "-webkit-transform": "scale(0.72)",
                "-moz-transform": "scale(0.72)",
                "transform": "scale(0.72)",

            });
            if (Dhide % 2 == 0) {
                Dhide += 1;
            }

        }, 700);
    }).on('touchend touchmove', '#Jscroll-del', function() {
        clearTimeout(timeout_2);
    });

    var timeout_3;
    $(document.body).on('touchstart', function() {
        timeout_3 = setTimeout(function() {

            $(document.querySelectorAll("#Jscroll-del")).show();
        }, 500);
    }).on('touchend touchmove', function() {
        clearTimeout(timeout_3);
    });

    $(document.body).on('touchstart', '#Jscroll-jia', function() {

        scrollJu += 45;
        $(document.querySelectorAll("#Jscroll-Ju")).val(scrollJu);

    });

    $(document.body).on('touchstart', '#Jscroll-jian', function() {

        scrollJu -= 45;

        $(document.querySelectorAll("#Jscroll-Ju")).val(scrollJu);

    });

    var timeout_4;
    $(document.body).on('touchstart', '#Jscroll-jian', function() {
        timeout_4 = setTimeout(function() {

            scrollJu -= 45 * 9;

            $(document.querySelectorAll("#Jscroll-Ju")).val(scrollJu);

        }, 500);
    }).on('touchend touchmove', '#Jscroll-jian', function() {
        clearTimeout(timeout_4);
    });

    var timeout_5;
    $(document.body).on('touchstart', '#Jscroll-jia', function() {
        timeout_5 = setTimeout(function() {

            scrollJu += 45 * 9;

            $(document.querySelectorAll("#Jscroll-Ju")).val(scrollJu);

        }, 500);
    }).on('touchend touchmove', '#Jscroll-jia', function() {
        clearTimeout(timeout_5);
    });

    var Dscroll = 0;
    var timeDown;
    var timeout_6;
    $(document.body).on('touchstart', '#Jscroll-Ju', function() {
        timeout_6 = setTimeout(function() {

            scrollJu = 270;

            $(document.querySelectorAll("#Jscroll-Ju")).val(scrollJu);

            Dscroll += 1;

            if (Dscroll % 2 != 0) {
                $(document.querySelectorAll("#Jscroll-Ju")).css("color", "green");

                clearInterval(timeDown);
                timeDown = setInterval(function() {
                    if (xMove == 1) {
                        window.scrollBy(scrollJu, 1)
                        window.scrollBy(0, -1);
                    } else {
                        window.scrollBy(0, scrollJu)
                    }

                }, secZ * 1000);

            } else {
                $(document.querySelectorAll("#Jscroll-Ju")).css("color", "white");

                clearInterval(timeDown);

            }
        }, 500);
    }).on('touchend touchmove', '#Jscroll-Ju', function() {
        clearTimeout(timeout_6);
    });

    $(document.body).on('touchstart', '#Jscroll-Ju', function() {

        Dscroll += 1;

        if (Dscroll % 2 != 0) {
            $(document.querySelectorAll("#Jscroll-Ju")).css("color", "green");

            clearInterval(timeDown);
            timeDown = setInterval(function() {
                if (xMove == 1) {

                    window.scrollBy(scrollJu, 0);

                } else {

                    window.scrollBy(0, scrollJu);

                }

            }, secZ * 1000);

        } else {
            $(document.querySelectorAll("#Jscroll-Ju")).css("color", "white");

            clearInterval(timeDown);

        }
    });

    // Your code here...
})(jQuery);