var randomComInterval, randomInt = 1, userChoice = 0, comChoice = 0, rpsReady = !1, imgTitle = "/plugin/rps/img/title.png", imgBackground = "/plugin/rps/img/bg.jpg", imgFrame = "/plugin/rps/img/frame.png", imgToken = "/plugin/rps/img/token.png", imgPopup = "/plugin/rps/img/pop-label.png", imgRock = "/plugin/rps/img/rock_btn.png", imgPaper = "/plugin/rps/img/paper_btn.png", imgScissors = "/plugin/rps/img/scissors_btn.png"; function launchRPS() { $("body").append('<div class="mini-gbox-wrap"><div class="ooverlay"></div><div class="mini-gbox"></div></div>'), $(".mini-gbox").append('\n        <div class="rpc-wrap" id="rpsBackground">\n\n            <div class="rpc-close" onclick="closeRPS()"><img src="/plugin/rps/img/close.png" /></div>\n\n            <section class="rpc-holder">\n\n                <div class="rpc-top">\n                    <img src="" id="rpsTitle" />\n                </div>\n\n                <div class="rpc-con">\n                    <div class="bbg">\n                        <img src="" id="rpsFrame" />\n                    </div>\n                    <div class="step start aaa">\n                        <img src="/plugin/rps/img/unknown.png" />\n                    </div>\n                    <div class="step game">\n                        <div class="rr user shake" id="gameUserImg"></div>\n                        <div class="rr com" id="gameComImg">\n                            <img src="/plugin/rps/img/rock.png" />\n                            <img src="/plugin/rps/img/paper.png" />\n                            <img src="/plugin/rps/img/scissors.png" />\n                        </div>\n                    </div>\n                </div>\n\n                <div class="rpc-selection">\n                    <div class="rpc-selection-title">Make Your Choice</div>\n                    <div class="rpc-selection-token">\n                        <div class="bbg"><p class="rpc-token-text rps-token">...</p><img src="" id="rpsToken" /></div>\n                    </div>\n                    <div class="rpc-selection-box rps-sbox">\n                        <div class="rpc-btn" dd="0" onclick="startRPCgame(3)">\n                            <img src="" id="rpsRock" />\n                        </div>\n                        <div class="rpc-btn" dd="1" onclick="startRPCgame(1)">\n                            <img src="" id="rpsPaper" />\n                        </div>\n                        <div class="rpc-btn" dd="2" onclick="startRPCgame(2)">\n                            <img src="" id="rpsScissors" />\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <div class="rpc-res">\n                <div class="overlay"></div>\n                <div class="rpc-res-con" id="rpsPopup">\n\n                    <div class="res-top"></div>\n                    <div class="res-label"></div>\n\n                </div>\n            </div>\n\n        </div>\n    '), getRPStheme(), getRPStoken() } function closeRPS() { $(".mini-gbox").removeClass("aaa"), setTimeout(function () { $(".mini-gbox-wrap").remove() }, 500) } function getRPStheme() { $.ajax({ type: "POST", url: "/au2/a/gMGRps.ashx", contentType: "application/json; charset=utf-8", data: "", dataType: "json", success: function (s) { if (1 != s.err) return alert(s.err + "-" + s.msg), closeRPS(), !1; if (s.data.c_image1) { var r = JSON.parse(s.data.c_image1); r.title && (imgTitle = r.title), r.background && (imgBackground = r.background), r.frame && (imgFrame = r.frame), r.token && (imgToken = r.token), r.popup && (imgPopup = r.popup), r.rock && (imgRock = r.rock), r.paper && (imgPaper = r.paper), r.scissors && (imgScissors = r.scissors) } $("#rpsBackground").attr("style", "background-image:url('" + imgBackground + "')"), $("#rpsTitle").attr("src", imgTitle), $("#rpsFrame").attr("src", imgFrame), $("#rpsToken").attr("src", imgToken), $("#rpsRock").attr("src", imgRock), $("#rpsPaper").attr("src", imgPaper), $("#rpsScissors").attr("src", imgScissors), document.querySelector(".rpc-res-con").style.setProperty("--rps-pop-label", "url('" + imgPopup + "')"), $(".mini-gbox").addClass("aaa") }, error: function (s, r, n) { } }) } function getRPStoken() { $.ajax({ type: "POST", url: "/au2/a/gUserWalletBalance.ashx", contentType: "application/json; charset=utf-8", dataType: "json", success: function (s) { 1 == s.err ? ($(".rps-token").html(s.data.c_token), $(".rps-sbox").addClass("aaa"), rpsReady = !0) : $(".rps-token").html("-") }, error: function (s, r, n) { } }) } function getRPSimage(s) { var r; switch (s) { case 3: r = "rock"; break; case 2: r = "scissors"; break; case 1: r = "paper" }return r } function randomCom() { comChoice = randomInt; var s = getRPSimage(randomInt); $("#gameComImg").html("<img src='/plugin/rps/img/" + s + ".png' />"), 4 == ++randomInt && (randomInt = 1) } function startRPCgame(s) { if (!rpsReady) return !1; var r = getRPSimage(s); $(".step").removeClass("aaa"), $(".step.game").addClass("aaa"), $("#gameUserImg").html("<img src='/plugin/rps/img/" + r + ".png' />"), $("#gameComImg").html("<img src='/plugin/rps/img/unknown.png' />"), randomComInterval = setInterval(randomCom, 100); $.ajax({ type: "POST", url: "/au2/a/cRps.ashx", data: "{'bet':" + s + "}", contentType: "application/json; charset=utf-8", dataType: "json", cache: !0, success: function (s) { clearInterval(randomComInterval), "1" == s.err ? (getRPStoken(), endRPCgame(s.data, r)) : (alert(s.err + "-" + s.msg), window.location.reload()) }, error: function (s, r, n) { } }) } function endRPCgame(s, r) { var n = getRPSimage(s.c_bot), i = { 0: ["Draw", "draw"], "-1": ["You Lose", "lose"], 1: ["<small>You Win</small><span class='rps-win-amount'></span>", "win"] }; $("#gameComImg").html("<img src='/plugin/rps/img/" + n + ".png' />"); var a = i[s.c_result][0], e = "<img src='/plugin/rps/img/" + r + ".png' />"; "draw" == i[s.c_result][1] && (e = "<img src='/plugin/rps/img/" + n + ".png' /><img src='/plugin/rps/img/" + n + ".png' />"), $(".rpc-res .res-top").html(e), $(".rpc-res .res-label").html(a), "win" == i[s.c_result][1] && $(".rps-win-amount").html(s.c_winning), $(".rpc-res").addClass("aaa").attr("res", i[s.c_result][1]), setTimeout(function () { resetRPSgame() }, 5e3) } function resetRPSgame() { $(".rpc-selection-box").removeClass("choosed"), $(".step, .rpc-btn, .rpc-res").removeClass("aaa"), $(".rpc-res").attr("res", ""), $(".step.start").addClass("aaa") } function checkPRSmobileMode() { /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && window.innerWidth > window.innerHeight ? $("body").addClass("mob-landscape") : $("body").removeClass() } $(window).on("resize", function () { checkPRSmobileMode() });