// prepare the form when the DOM is ready 
$(document).ready(function() { 
    var options = { 
    	dataType:  'json', 
    
	    success: 	processJson
 
        // other available options: 
        //target:    '#output1',   // target element(s) to be updated with server response 
        //url:       url         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
 
    // bind form using 'ajaxForm' 
    $('#formPoll').ajaxForm(options); 
    
    $('#pollResultaat').hide();
}); 

function processJson(data) { 
	// json toevoegen aan juiste div element.
	var totaleAntwoordHtml = '';

	var maxCount = data.length;
	for (k = 0;  k < maxCount; k++) {
		var antw = '<div class="pollResultImg">';
		antw += '<p>' + data[k]['antwoord'] + ': <strong>' + data[k]['aantal_stemmen'] + ' stemmen</strong>';
		antw += '<img src="/images/poll_'+k+'.gif" width="' + data[k]['percentage'] + '" alt="' + data[k]['antwoord'] + ', ' + data[k]['percentage'] + '%" />';
		antw += '</p></div>';
		totaleAntwoordHtml += antw;
	}
	$('#pollResultaat').html(totaleAntwoordHtml);
	// en de divs toggelen:
	$('#pollFormulier').toggle().ready( function() {
		$('#pollResultaat').toggle();
	});
}