$(document).ready(function () {
    $('.view-poll').boxy({title: "Viewing Poll", closeable: true, draggable: true, modal: false, cache: false, modal: true, closeText: "x",
    afterShow: function() {
        // get the Poll Id
        $("#jOptions").html("arf");
        var pId = $("#hidPollId").val();
        
        // load Poll XML.
        $.ajax ({
            type: "POST",
            cache: false,
            url: "Resource/ajax/getPollData.aspx",
            data: "poll="+pId,
            dataType: "xml",
            success: handlePollArchiveLoadPass,
            error: handlePollArchiveLoadError
        });
    }});
});


function handlePollArchiveLoadError(XMLHttpRequest, textStatus, errorThrown) {
    //var html = $("#jOptions").html();
    $("#jArchivedPollOptions").html("<div id='jPollArchiveErr'><h2><span class='red'>Error</span></h2><p>The Poll you requested could not be displayed or does not exist. Please try again.</p></div>");
}

function handlePollArchiveLoadPass(xml, textStatus) {
    if($(xml).find("error").length<1) {
        if($(xml).find("id").text()=="0") {
            handlePollArchiveLoadError(null,null,null);
        } else {
            $("#jPollArchiveErr").remove();
            // show the rest!
            var maxPixels = 480;
            var totalVotes = parseInt($(xml).find("totalvotes").text());
            var resDiv="<div id='jPollResultsSidebar'>";
            var optVotes = Array();
            var optIds   = Array();
            var i=0;
            $(xml).find("option").each(function() {
                var oId=$(this).find("id").text();
                var ans=$(this).find("answer").text();
                var vot=$(this).find("votes").text()
                
                optVotes[i]=vot;
                optIds[i]=oId;
                
                resDiv+="<div class='archived-poll-option'><p class='archived-poll-question'><strong>"+ans+"</strong> ("+vot+")<br />";
                resDiv+="<img id='jArchivedPollResult-"+i+"'src='Resource/gfx/poll-vote-bar-big.gif' style='margin-top: 5px; height: 20px; width: 1px;'/>";
                resDiv+="</p></div>";
                i++;
            });
            resDiv+="</div>";
            $("#jArchivedPollOptions").html(resDiv);
            
            // Resize images!
            for(i=0;i<optIds.length;i++) {
                var perc= Math.floor((parseInt(optVotes[i])/totalVotes)*100);
                var pxs = Math.floor((maxPixels/100)*perc);
                var eId = "#jArchivedPollResult-"+i;
                $(eId).animate({width: pxs+"px"},800);
            }
        }
    } else {
        handlePollArchiveLoadError(null,null,null);
    }
}