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', function(){
        $('.answer').fadeOut(fadespeed);
        $('#question').fadeIn(fadespeed, function(){
            writeAnswer();
            pushScript();
            writeCount();
        });
    });

    $('body').on('click', '.btn-submit', function() {
        panelFlip();
    });

    $('body').on('click', '#closelink', function(){
        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");
        }
    }

});