// select the overlay element - and "make it an overlay"
var t
count = 1;
var answers = []
var root;
function question(id, answers) {
    this.id = id;
    this.answers = [];
}
var o;
function openQuestionaire() {

    $('body').prepend("<div id='questionaire'><div id='holder'</div></div>");
  o = $("#questionaire").overlay({
        top: 200,
        expose: {
            color: '#000',
            loadSpeed: 200,
            opacity: 0.8

        },
        closeOnClick: false,
        api: true,
        onBeforeLoad: function() {
            var wrap = this.getContent().find("#holder");
            wrap.load('Questionaire/start.htm');

        }
    }).load();
}
function checkTime() {
    var currentTime = new Date();

    if ((!sess.setremind || !sess.alreadyAsked) && currentTime.getMinutes() >= parseInt(sess.timer + 1)) {
        openQuestionaire();
        clearInterval(t);
    } else if (sess.setremind && currentTime.getMinutes() >= parseInt(sess.lastAsked + 5)) {
        openQuestionaire();
    } //else {
        //$('#questionaire').toggle();
   // }
}
var t;
$(document).ready(function() {

    var currentTime = new Date()
    if (typeof document.body.style.maxHeight === "undefined") {
        $('#questionaire').bgiframe();
    }

    if (typeof sess.alreadyAsked == 'undefined') {
        sess.alreadyAsked = false;
        sess.timer = currentTime.getMinutes();
        sess.setremind = false;
    } else {
        sess.alreadyAsked = true;

    }
    t = setInterval(checkTime, 30000);
    //if (!sess.alreadyAsked) {
    // var currentTime = new Date()
    //sess.lastAsked = currentTime.getMinutes();
    //openQuestionaire()
    // }

    $('#close').live('click', function() {
        sess.setremind = false;
        clearInterval(t);
        o.close();
    })
    $('#no').live('click', function() {
        sess.setremind = false;
        clearInterval(t);
        o.close();
    })

    $('#remind').live('click', function() {
        var currentTime = new Date()
        sess.lastAsked = currentTime.getMinutes();
        sess.setremind = true;
        o.close();
    });
    $('.nextBut').live('click', function() {
        count++;

        if (count == "4" || count == "10" || count=="11") {
            makeBigger()
        } else { makeSmaller() }

    })
    $('.backBut').live('click', function() {
        count--;
        if (count == "4" || count == "10" || count=="11") {

            makeBigger()
        } else { makeSmaller() }
        if (count == 0) {
            count = 1
        }

    })

});
$('.finish').live('click', function() {

    ///g through all of the divs and get the values of all checked form fields and textareas
    for (x = 2; x < 13; x++) {
        t = new question();
        t.id = x-1;
        $("#q" + x + " input[type=radio]:checked,#q" + x + " input[type=checkbox]:checked,#q" + x + " input[type=text], #q" + x + " textarea, #q" + x + " #post").each(function() {
            t.answers.push(escape($(this).val()))
        });
        answers.push(t)
    }
    //console.log(encode(answers))
    //alert(encode(answers))
    $.ajax({
       type: "POST",
       url: "Questionaire/save.asp",
       data: "data='"+ encode(answers)+"'",
       success: function(msg) {
       o.close();
       }
 });
   
    
})
function makeBigger() {
    $('.scrollable').animate({
        height: '520px'
    }, 500);
}
function makeSmaller() {
    $('.scrollable').animate({
        height: '320px'
    }, 500);
}