/*
    poll.js - Poll
*/

pollBox = {};
pollBox.voteEnabled = true;
pollBox.gotoOptionsClick = function ()
{
    $(".pollQuestion").animate({left:"-320px"},1000,"linear",pollBox.slideInOptions);
    return false;
};
pollBox.slideInOptions = function ()
{
    $(".pollBox .staticQuestion2").css("display","none");
    $(".pollOptions li").removeClass("pollOptionSelected");
    $(".pollQuestion").css("left","320px");
    $(".pollOptions").animate({left:"0px"},1000);
};

pollBox.slideInResults = function ()
{
    $(".pollOptions").css("left","320px");
    $(".pollResults").animate({left:"0px"},1000,"linear",function(){$(".pollBox .staticQuestion2").css("display","block");$(".pollOptions").append($(".pollBox .staticQuestion1"));});
};

pollBox.optionClickFn = function ()
{
    $(".pollOptions li").removeClass("pollOptionSelected");
    $(this).addClass("pollOptionSelected");
};

pollBox.restartFn = function ()
{
    $(".pollResults").animate({left:"-320px"},1000,"linear",pollBox.slideInQuestion);
    return false;
};
pollBox.slideInQuestion = function ()
{
    $(".pollResults").css("left","320px");
    $(".pollQuestion").animate({left:"0px"},1000);
};

pollBox.voteFn = function ()
{
    if( pollBox.voteEnabled && $(".pollOptions li.pollOptionSelected").length >0)
    {
        pollBox.voteEnabled = false;
        pollBox.submitAjax($(".pollOptions li.pollOptionSelected").attr("id"));
        //alert( $(".pollOptions li.pollOptionSelected").attr("id") );
    }
    else
    {
        //alert("Please select an option.");
    }
    return false;
};

pollBox.ajaxCallBack = function(data, textStatus)
{
    pollBox.voteEnabled = true;
    $(".pollResultsAjaxResults").html(data);
    //$(".pollOptions").animate({left:"-320px"},1000,"linear",pollBox.slideInResults);
    pollBox.slideInResults();
}

pollBox.submitAjax = function(id)
{
    //$.post("/", {"id":id}, pollBox.ajaxCallBack, "json");
    setTimeout("pollBox.ajaxCallBack('<div class=\"pollResultList\"><div class=\"pollResultListNumber\">24%</div><div class=\"pollResultListText\">Biodiversity</div></div><div class=\"pollResultList\"><div class=\"pollResultListNumber\">34%</div><div class=\"pollResultListText\">Global Warming</div></div><div class=\"pollResultList pollResultSelected\"><div class=\"pollResultListNumber\">20%</div><div class=\"pollResultListText\">Genetically Engineered Food</div></div><div class=\"pollResultList\"><div class=\"pollResultListNumber\">4%</div><div class=\"pollResultListText\">Biodiversity</div></div><div class=\"pollResultList\"><div class=\"pollResultListNumber\">8%</div><div class=\"pollResultListText\">Global Warming</div></div><div class=\"pollResultList\"><div class=\"pollResultListNumber\">10%</div><div class=\"pollResultListText\">Biodiversity</div></div><div class=\"pollResultTotal\">4,156 Votes</div>','null')",3000);
    
    $(".pollBox").append($(".pollOptions .staticQuestion1"));
    $(".pollOptions").animate({left:"-320px"},1000);
};

pollBox.init = function()
{
    $(".pollGotoOptions").bind("click",pollBox.gotoOptionsClick);
    $(".pollOptions li").bind("click",pollBox.optionClickFn);
    $(".pollOptions .pollVoteButton").bind("click",pollBox.voteFn);
    $(".pollResults .pollResultsLink").bind("click",pollBox.restartFn);
};

$(document).ready(pollBox.init);