// Add spans for top tab on nav items
$('#header .nav > li').prepend('<span></span>');

// Add "on" state to nav via JavaScript (for IE)
$('#header .nav > li')
	.hover(function () {
		$(this).toggleClass('ieHover');	
	}, function () {
		$(this).toggleClass('ieHover');	
	});

// Handle the poll
$('#pollForm')
	.ajaxify({
		success: function (xhr) {
			var results = eval( "(" + xhr.getResponseHeader("question_stats") + ")" );
			if (!results) {
				$(this).html('<p>Thank you for your submission!<br/>Results will be available soon!</p>');
				return false;
			}

			var r = '<div class="pollResults">';
			for (var i = 0; i < results.length; i++) {
				var q = results[i],
					answers = q.a,
					numAnswers = answers.length;
					
				r += '<ul>';
				for (var j = 0; j < numAnswers; j++) {
					r += '<li><span style="opacity: 0; width: 0;">' + answers[j].p + '</span> ' + answers[j].l + '</li>';
				}
				r += '</ul>';
			}
			r += '</div>';

			$(this).replaceWith(r);

			$('.pollResults')
				.find("ul li span")
					.each(function () {
						$(this).animate({
								opacity: 1,
								width: this.innerHTML
							}, 2000, null);
					});
		},
		failure: function (xhr) {
			$(this).html('<p>Thank you for your submission!<br/>Results will be available soon!</p>');
		},
		btnCSS: {
			background: '#cccccc',
			color: '#666666',
			cursor: 'text'
		},
		btnText: 'Loading Results...'
	});