poll_area = "polls"
open_poll = "open_poll"
prev_poll = "prev_poll"
polls_url = "/polls/async/"
poll_cue = "poll_cue"

function load_open_poll()
{
    load_url_to_div( polls_url + "open_poll/", open_poll )
}

function view_open_poll_results()
{
    getdiv(poll_cue).innerHTML = wait_gif
    load_url_to_div( polls_url + "open_poll/result/", open_poll )
}

function load_prev_poll()
{
    load_url_to_div( polls_url + "prev_poll/", prev_poll )
}

function cast_vote( poll_slug, choice_id )
{
    var req = new Request()
    req.url = polls_url + "cast_vote/" + poll_slug + "/" //the ending slash is important here .. don't remove it!!
    req.params['choice'] = choice_id
    req.onDone = function()
    {
        setTimeout( 'getdiv(poll_cue).innerHTML = ""', 1000 ) //remove loading cue .. delay it a bit for nice effect
        //alert(req.response) //assuming the response is a text message .. telling him whether it failed or not!
        load_open_poll() //refresh poll .. should show results!
    }
    req.onFail = function()
    {
        alert("عفوا, لم نتمكن من ارسال التصويت")
        getdiv("errors").innerHTML = req.response        
        load_open_poll() //refresh poll .. 
    }
    getdiv(poll_cue).innerHTML = wait_gif
    req.sendPost()
}

load_open_poll()
load_prev_poll()