var question = questions[Math.floor(Math.random()*questions.length)];
var current = question.number;
var collapsed = 0;
var variable = ""
$(document).ready(function() {

    function getQueryVariable(variable)
    {
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
       }

    function writeQueryVariable(){
        variable = getQueryVariable("question");

    }

    writeQueryVariable();

    function writeCount(){
        $.get( "count.txt", function(data) {
            $("#count").html( data );
            });
    }

    writeCount();

    function writeQuestion(){
        while (question.number == current) {
            question = questions[Math.floor(Math.random()*questions.length)];

        }
        current = question.number;
        $('.questionimagearea').attr("src", question.questionimage);
        $('#question-title').html(question.questiontitle);
        $('#question-wrap').html(question.question);

    }

    function writeAnswer(){
        $('.answerimagearea').attr("src", question.answerimage);
        $('#answer-1-title').html(question.answer1title);
        $('#answer-1-wrap').html(question.answer1);
        $('#answer-2-title').html(question.answer2title);
        $('#answer-2-wrap').html(question.answer2);
        $('.permalink').html(question.number);
    }

    $('body').on('click', '#flip-1', function(){
        $('#question').fadeOut('400');
        $('#answer-1').fadeIn('400', function() {
            writeQuestion();
        });
    });
    $('body').on('click', '#flip-2', function(){
        $('#question').fadeOut('400');
        $('#answer-2').fadeIn('400', function() {
            writeQuestion();
        });
    });
    $('body').on('click', '.flop', function(){
        $('.answer').fadeOut('400');
        $('#question').fadeIn('400', function(){
            writeAnswer();
            $.ajax({ url: 'script.php' });
            writeCount();
        });
    });
    $('body').on('click', '.btn-submit', function(){
        $('.panel-content').fadeOut('400');
        $('.panel-thanks').fadeIn('400');
    });
    $('#closelink').click(function(){
        if (collapsed == 0) {
            $('#close').fadeTo('slow', 1.0);
            collapsed = 1;
            }
        else {
            $('#close').fadeTo('slow', 0.0);
            collapsed = 0;
        }

    });

    function mainLoad(){
        $('.questionimagearea').attr("src", question.questionimage);
        $('.answerimagearea').attr("src", question.answerimage);
        $('#question-title').html(question.questiontitle);
        $('#question-wrap').html(question.question);
        $('#answer-1-title').html(question.answer1title);
        $('#answer-1-wrap').html(question.answer1);
        $('#answer-2-title').html(question.answer2title);
        $('#answer-2-wrap').html(question.answer2);

        $('.pagetitle').fadeIn('slow');
        $('.questionimagearea').fadeIn('slow');
        $('#question').fadeIn('slow');
        $('.permalink').html(question.number);
    }


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

});