// ==UserScript==
// @name         竖版看图
// @namespace    http://tampermonkey.net/
// @version      0.43
// @description  旋转90度看图，自动滚动
// @author       You
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=pixabay.com
// @grant        none
// @require https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @license MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    var Dscroll = 0;

    var Dhide = 0;

    var Dxy = 0;
    var timeDown;

    var scrollJu = 90;

    var bottom = 200;

    var left = -43;

    var jianG = 40;

    var degZ = 90

    var scaleZ = 0.56

    var sameCss = "font-size: 14px !important;line-height:12px!important;z-index: 2147483647;border:1px solid white;height:25px;background-color:black;color:white;position:fixed;width:40px;left:34.5%;margin-left:" + left

    $("body").append("<input type='button' id='Jscroll-jian' value='-' style='"+sameCss+ "px;bottom:" + (bottom+6*jianG) + "px'>")

        .append("<input type='button' id='Jscroll-jia' value='+' style='"+sameCss+ "px;bottom:" + (bottom + 5*jianG) + "px'>")
        .append("<input type='button' id='Jscroll-xy' value='▽' style='"+sameCss+ "px;bottom:" + (bottom + 4*jianG) + "px'>")

        .append("<input type='button' id='Jscroll-Ju' value='" + scrollJu + "' style='"+sameCss+ "px;bottom:" + (bottom + 3 * jianG) + "px'>")
        .append("<input type='button' id='Jscroll-deg' value='" + degZ + "°' style='"+sameCss+ "px;bottom:" + (bottom + 2*jianG) + "px'>")
        .append("<input type='button' id='Jscroll-scale' value='" + scaleZ + "' style='"+sameCss+ "px;bottom:" + (bottom + jianG) + "px'>")
        .append("<input type='button' id='Jscroll-del' value='X' style='"+sameCss+ "px;bottom:" + (bottom) + "px'>");

    $.fn.longPress = function(fn) {

        var timeout = undefined;

        var $this = this;

        for(var i = 0; i < $this.length; i++) {

            (function(target) {

                var timeout;

                target.addEventListener('touchstart', function(event) {

                    timeout = setTimeout(function() {

                        //fn.apply(target);

                        fn(event);

                    }, 500);

                }, false);

                target.addEventListener('touchend', function(event) {

                    clearTimeout(timeout);

                }, false);

            })($this[i]);

        }

    }

    $("#Jscroll-jia").click(function () {

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

    });
    $("#Jscroll-deg").click(function () {
        degZ += 90;
        degZ = degZ % 360;
        $("#Jscroll-deg").val(degZ + "°");
        $("img").css("-webkit-transform","rotate("+degZ+"deg) scale("+scaleZ+")");


    });

    $("#Jscroll-scale").longPress(function () {
        scaleZ=0.56;
        $("#Jscroll-scale").val(scaleZ.toFixed (2));
        $("img").css("-webkit-transform","rotate("+degZ+"deg) scale("+scaleZ+")");
    });
    $("#Jscroll-scale").click(function () {
        if(scaleZ > 0.9 && scaleZ < 1.1){
            scaleZ += 0.01
        }
        if(scaleZ > 0.56){
            scaleZ -= 0.11
        }

        scaleZ -= 0.04;

        if(scaleZ < 0.38){
            scaleZ = 1.15
        }

        $("#Jscroll-scale").val(scaleZ.toFixed (2));
        $("img").css("-webkit-transform","rotate("+degZ+"deg) scale("+scaleZ+")");

    });

    $("#Jscroll-xy").click(function () {

        Dxy += 1;
        if (Dxy % 2 != 0) {
            var h = $(document).height();
            window.scrollTo(0,h);
            $("#Jscroll-xy").val("△");
        }else{
            window.scrollTo(0,0)
            $("#Jscroll-xy").val("▽");
        }
    });



    $("#Jscroll-del").click(function () {

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

            $("#Jscroll-jia").hide();

            $("#Jscroll-jian").hide();

            $("#Jscroll-Ju").hide();

            $("#Jscroll-deg").hide();
            $("#Jscroll-scale").hide();
            $("#Jscroll-xy").hide();

            $("#Jscroll-del").css("opacity","0.3").css("-webkit-transform","scale(0.6)");

        }else{

            $("#Jscroll-jia").show();

            $("#Jscroll-jian").show();

            $("#Jscroll-Ju").show();

            $("#Jscroll-deg").show();
            $("#Jscroll-scale").show();
            $("#Jscroll-xy").show();

            $("#Jscroll-del").css("opacity","1").css("-webkit-transform","scale(1)");
        }

    });
    $("#Jscroll-jian").longPress(function(){
        $("#Jscroll-del").click();
    });
    $("#Jscroll-jian").click(function () {

        scrollJu -= 45;

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

    });

    $("#Jscroll-Ju").longPress(function(){

        $("#Jscroll-Ju").click();
    });

    $("#Jscroll-Ju").click(function () {

        Dscroll += 1;

        if (Dscroll % 2 != 0) {

            if (scrollJu < 140) {

                $("img").css("-webkit-transform","rotate("+degZ+"deg) scale("+scaleZ+")");

            }

            timeDown = setInterval(function () {

                window.scrollBy(0, scrollJu)

            }, 4000)

            $("#Jscroll-Ju").css("color","green");
            $("#Jscroll-del").click();

        } else {

            clearInterval(timeDown)

            if (scrollJu < 140) {
                $("img").css("-webkit-transform","rotate(0deg) scale(1)");
            }
            $("#Jscroll-Ju").css("color","white");



        }

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