Golden Race

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

<script>
    var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
    var eventer = window[eventMethod];
    var messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message";
    eventer(messageEvent, function (e) {

        switch (e.data.action) {
            case "game.loaded":
                // Game successfully loaded.
                break;
            case "game.balance.changed":
                // Game Balance changed.
                break;
            case "game.cycle.started":
                // Ticket placing...
                break;
            case "game.cycle.end":
                // Ticket placed
                break;
            case "game.goto.home":
                //Game has to be redirected to the home lobby page.(exit)
                break;
            case "game.goto.history":
                // History modal opens
                break;
            case "game.resize.height":
                // iframe height should be: e.data.value;
                document.getElementById("goldenRace").style.height = e.data.value;
                break;
            case "game.get.clientrect":
                // iframe selector.
                e.source.postMessage({action: "game.clientrect", value: document.getElementById("goldenRace").getBoundingClientRect()}, '*');
                break;
            case "game.get.clientheight":
                // iframe selector.
                e.source.postMessage({action: "game.clientheight", value: document.getElementById("goldenRace").offsetHeight}, '*');
                break;
            case "game.get.innerheight":
                // general window selector.
                e.source.postMessage({action: "game.innerheight", value: window.innerHeight}, '*');
                break;
        }
    });

</script>

</head>
<body>
<div style="height: 200px;">
Sample header is here;
</div>
<div id="container">
<iframe id="goldenRace" style="width: 100%; min-height:100px; border: 0px;"
src="https://gamingo-lobby.staging-hub.xpressgaming.net/Launcher?token=2209840&game=10100&backurl=https%3A%2F%2Fwww.gamingo.club%2F&h=c71ca39b7d7398f771854c594c15bf4d&lobbyUrl=https://www.gamingo.club">

</iframe>
</div>
</body>
</html>