var current = question.number;
var collapsed = 0;
var variable = ""
var timeout = "300"
var fadespeed = "200"
var rolls = 0
$(document).ready(function() {

    randomQuestion();
    writeQueryVariable();
    writeCount();
    writeRolls();

    $('body').on('click', '#flip-1', function(){
        fadeQuestion();
        $('#answer-1').fadeIn(fadespeed);
        setTimeout(writeQuestion, timeout);
    });

    $('body').on('click', '#flip-2', function(){
        fadeQuestion();
        $('#answer-2').fadeIn(fadespeed);
        setTimeout(writeQuestion, timeout);
    });

    $('body').on('click', '.flop', flopFull);
    $('body').on('click', '.btn-submit', panelFlip);
    $('body').on('click', '#closelink', formX );

    if (variable == "") {
        mainLoad();
        htmlVariable("nothing");
        }
    else if (variable != ""){
        numberofquestions = questions.length;
        if (variable <= numberofquestions) {
            question = questions[variable]
            mainLoad();
            htmlVariable("in bounds");
            randomQuestion();
            }
        else {
            mainLoad();
            htmlVariable("outta bounds");
        }
    }

});