{% load otree %}

{% block scripts %}
{% comment %}
<script>
    //declaring some variables
    var t1, t2, t3;
    var t1=3;
    function fun(dispt){
    var t4;
    var t4=99;
    dispt.textContent t4;
    }
    <div><p>Testing things because I hate life: <span id="time"></span></p></div>
    //display.textContent t1;
    //function fun(){document.getElementById("t1").style.color = 'red';
    //display = document.querySelector('#t1');
    //}
</script>

<script>
    function startTim(dur, dis) {
    var time = dur, min, sec;
    setInterval(function () {
        min = parseInt(tim / 60, 10);
        sec = parseInt(tim % 60, 10);

        min = min < 10 ? "0" + min : min;
        sec = sec < 10 ? "0" + sec : sec;

        dis.textContent = min + ":" + sec;

        if (--tim < 0) {
            tim = 0;
            document.getElementById("tim").style.color = 'red';
                }
                    }, 1000);
                        }

window.on = function () {
    var oneMin = 30 * 2,
        dis = document.querySelector('#tim');
    startTim(oneMin, dis);
};
    </script>

 <script>
   function startTim(dur, dis) {
    var tim = dur, min, sec;
    setInterval(function () {
        min = parseInt(tim / 60, 10);
        sec = parseInt(tim % 60, 10);

        min = min < 10 ? "0" + min : min;
        sec = sec < 10 ? "0" + sec : sec;

        display.textContent = min + ":" + sec;

        if (--tim < 0) {
            tim = 0;
            document.getElementById("tim").style.color = 'red';
                }
                    }, 1000);
                        }

window.onload = function () {
    var oneMin = 30 * 2,
        display = document.querySelector('#tim');
    startTim(oneMin, dis);
};

    function startTimer(duration, display) {
    var timer = duration, minutes, seconds, gross;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);
        gross=99;
        //gross=parseInt(timer, 99);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds + "  ;)  " + gross;
        // When we do the same command twice one overwrites the other
        // display.textContent= gross;

        if (--timer < 0) {
            timer = 0;
            document.getElementById("time").style.color = 'red';
                }
                    }, 1000);
                        }

window.onload = function () {
    var oneMinute = 30 * 2,
        display = document.querySelector('#time');
    startTimer(oneMinute, display);
};
    </script>
<div><p>Whelp: <span id="time"></span></p></div>
<div><p>Time left to make your decision: <span id="time"></span></p></div>
{% endcomment %}


 <script>
    function startTimer(duration, disp) {
    var timer = duration, minutes, seconds, gross;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);
        gross=99;

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        disp.textContent = minutes + ":" + seconds + "  ;)       " + gross;
        //disp2.textContent = minutes + ":" + seconds + "  ;)       " + gross;
        // When we do the same command twice one overwrites the other
        // display.textContent= gross;

        if (--timer < 0) {
            timer = 0;
            //document.getElementById("tim").style.color = 'red';
                }
                    }, 1000);
                        }

window.onload = function () {
    var oneMinute = 15 * 2,
        disp = document.querySelector('#tim');
    startTimer(oneMinute, disp);
};
//window.onload = function () {
  //  var oneMinute2 = 15 * 2,
    //    disp2 = document.querySelector('#tim2');
    //startTimer(oneMinute2, disp2);
//};
</script>
<div><p>Whelp: <span id="tim"></span></p>
</div>
<script>
    function startTimer2(duration2, disp2) {
    var timer2 = duration2, minutes2, seconds2, gross2;
    setInterval(function () {
        minutes2 = parseInt(timer2 / 60, 10);
        seconds2 = parseInt(timer2 % 60, 10);
        gross2=99;

        minutes2 = minutes2 < 10 ? "0" + minutes2 : minutes2;
        seconds2 = seconds2 < 10 ? "0" + seconds2 : seconds2;

        disp2.textContent = minutes2 + ":" + seconds2 + "  ;)       " + gross2;
        //disp2.textContent = minutes + ":" + seconds + "  ;)       " + gross;
        // When we do the same command twice one overwrites the other
        // display.textContent= gross;

        if (--timer2 < 0) {
            timer2 = 0;
            //document.getElementById("tim").style.color = 'red';
                }
                    }, 1000);
                        }

window.onload = function () {
    var oneMinute2 = 15 * 2,
        disp2 = document.querySelector('#bleck');
    startTimer2(oneMinute2, disp2);
};

    </script>


<div>
<p>Time left to make your decision: <span id="bleck"></span></p>
</div>



{% endblock %}