<!DOCTYPE html>
<!--[if IE 8]>
<html dir="$TextDirection$" class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html dir="$TextDirection$" class="html-background_custom">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="data:image/x-icon;base64,malformed-to-disable-favicon">
    <title>$SafeNavigateInfoTitle$</title>
    <style>
        !main_styles.css!
        !controls.css!
        !main_styles_custom.css!
        !controls_custom.css!
    </style>
</head>
<body class="body-background_custom body-foreground_custom" tag="safe-banking-launch-success">
    <img class="logo" src="#logo.png#" alt="Kaspersky Lab" />
    <a href="%GetMoreInfoUrl%" class="info link-foreground_custom" id="showTutorial">$GetMoreInfoAboutProduct$</a>
    <table class="wrapper">
        <tr>
            <td class="wrapper-td">
                <div class="main">
                    <div class="aside">
                        <img src="#banking_stubs.png#" alt="Safe money" />
                    </div>
                    <div class="content content-background_custom">
                        <h1 class="h1-foreground_custom">$SafeNavigateInfoTitle$</h1>
                        <p class="p-foreground_custom">$SafeNavigateInfoDescription$</p>
                        <div class="footer">
	                        <p class="p-foreground_custom"><a href="%CancelSafeBrowserExecutionUrl%" class="link-foreground_custom" onclick="cancelSafeBrowserExecution(); return false;">$CancelSafeBrowserExecution$</a></p>
	                        <p class="p-foreground_custom"><a href="%ShowSettingsUrl%" class="link-foreground_custom" onclick="showSettings(); return false;">$SafeBankingShowSettings$</a></p>
                            <p class="p-foreground_custom"><a href="#" class="link-foreground_custom" onclick="setRating(this);return false;">$SendFeedback$</a></p>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
<script>
    ?navigate_to_cup_stub.js?

    Array.prototype.indexOf || (Array.prototype.indexOf = function (r, t) { var n; if (null == this) throw new TypeError('"this" is null or not defined'); var e = Object(this), i = e.length >>> 0; if (0 === i) return -1; var a = +t || 0; if (Math.abs(a) === 1 / 0 && (a = 0), a >= i) return -1; for (n = Math.max(a >= 0 ? a : i - Math.abs(a), 0) ; i > n;) { if (n in e && e[n] === r) return n; n++ } return -1 });
    document.getElementsByClassName = function (cl) {
        var retnode = [];
        var elem = this.getElementsByTagName('*');
        for (var i = 0; i < elem.length; i++) {
            if ((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]);
        }
        return retnode;
    };

    function callAsyncCup(url) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", url);
        xhr.send();
    }
    
    function cancelSafeBrowserExecution() {
        navigateFromStub("%CancelSafeBrowserExecutionUrl%");
    }

    function showSettings() {
        callAsyncCup("%ShowSettingsUrl%");
    }

    function setRating(el) {
        var stars = document.getElementsByClassName('stars__star');
        var current = stars.indexOf(el) + 1;
        for (var i = 0; i < stars.length; i++) {
            if (stars[i].className != "stars__star") {
                stars[i].className = "stars__star";
            }
        }
        for (var i = 0; i < current; i++) {
            stars[i].className += " stars__star_checked";
        }

        var xhr = new XMLHttpRequest();
        xhr.open("GET", "%ShowUrlFeedbackDialogUrl%", false);
        xhr.setRequestHeader("X-FeedbackRating", current);
        xhr.send();
    }
</script>
    !tutorial.html!
</body>
</html>
