var question = questions[Math.floor(Math.random()*questions.length)];
var current = question.number;
var collapsed = 0;
$(document).ready(function() {
    $('.pagetitle').fadeIn('slow');
    $('.questionimagearea').fadeIn('slow');
    $('#question').fadeIn('slow');
    $('.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);
    $('#questionnumber').html(question.number);

    function writeQuestion(){
        if (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);
        $('#questionnumber').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();
        });
    });
    $('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;
        }

    });
});