function getAjax(url, success) {
    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
    xhr.open('GET', url);
    xhr.onreadystatechange = function() {
        if (xhr.readyState>3 && xhr.status==200) success(xhr.responseText);
    };
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    xhr.send();
    return xhr;
}

var html = '';

html += '<style>';

html += '.election_central_hp_widget_wrapper { overflow: auto; background: #6945A5; border-bottom:1px solid #ccc;margin-bottom:0px; } ';

//added by A.A. on 09/18/17 to make fixed at bottom
html += '.election_central_hp_widget_wrapper { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; } ';

html += '.election_central_hp_widget { display: block;background: #6945A5; color: #D3C9E5; padding: 7px 10px; cursor:pointer; float: left; width: 100%;box-sizing:border-box;}';
html += '.election_central_hp_widget:visited { color: #D3C9E5;}';
//html += '.election_central_hp_widget { background: #6945A5; color: #D3C9E5; padding: 7px 10px; cursor:pointer; float: left; width: 100%;box-sizing:border-box;margin-bottom:5px;}';
html += '.election_central_hp_widget > .title { font-size: 1.2em; color: #fff; }';
html += '.election_central_hp_widget > .spreads { margin: 0; padding: 0; list-style: none;overflow:auto; }';
html += '.election_central_hp_widget > .spreads > li { display:inline-block; margin-left: 0px; font-size: 0.9em; box-sizing:border-box; padding-right: 10px; }';
html += '.election_central_hp_widget > .spreads > li:nth-child(3) { padding-right:0; }';
html += '.election_central_hp_widget > .spreads > li > .title { padding-right: 5px; font-size:0.9em; }';
html += '.election_central_hp_widget > .spreads > li > .score {  }';
html += '.election_central_hp_widget > .spreads > li > .score .value { font-weight:bold; }';
html += '.election_central_hp_widget > .spreads > li > .score > .name { display:inline-block; }';
html += '.election_central_hp_widget > .spreads > li > a { color: inherit; }';
html += '.election_central_hp_widget > .arrow { float: right; padding-top: 11px }';
html += '@media only screen and ( min-width : 768px ) { .election_central_hp_widget { display: none } }';
html += '@media only screen and ( max-width : 413px ) { .election_central_hp_widget.w2 > .spreads > li > .title { font-size:0.8em; } }';

html += '</style>';

html += '<div class="election_central_hp_widget_wrapper">';
	html += '<a class="election_central_hp_widget" href="/epolls/other/president_trump_job_approval-6179.html">';
		html += '<span class="arrow"><img src="/asset/img/white-bg-chev-right.png"/></span>'; 
		html += '<div class="title">President Trump Job Approval</div>';
		html += '<ul class="spreads"></ul>';
	html += '</a>';
html += '</div>';

document.write(html);

var today_date = new Date();
var now_time = today_date.getTime();
now_time = Math.floor(now_time / 100000); // Changes every 100 seconds

var race_data;

getAjax('/poll/race/6179/historical_data.json?nocache='+now_time, function(data)
{
	race_data = JSON.parse(data);
	ja_callback();
});

function ja_callback()
{
	if(typeof race_data === 'undefined') {
		return;
	}
	var html = '';

	// Get spread
	spread_name = '';
	spread_name_1 = '';
	spread_name_2 = '';
	spread_value = '';
	spread_num = 0;
	c_1 = parseFloat(race_data['rcp_avg'][0]['candidate'][0]['value']);
	c_2 = parseFloat(race_data['rcp_avg'][0]['candidate'][1]['value']);
	if(c_1 < c_2)
	{
		spread_num = Math.round( (c_2 - c_1) * 10) / 10;
		spread_value = '-'+spread_num.toFixed(1);
		spread_name = race_data['rcp_avg'][0]['candidate'][1]['name'];
	}
	else if(c_1 > c_2)
	{
		spread_num = Math.round( (c_1 - c_2) * 10) / 10;
		spread_value = '+'+spread_num.toFixed(1);
		spread_name = race_data['rcp_avg'][0]['candidate'][0]['name'];
	}
	else
	{
		spread_name = 'Tie';
	}

	html += '<li>';
		html += '<span class="score"><span class="name">'+race_data['rcp_avg'][0]['candidate'][0]['name']+'</span> <span class="value">'+c_1.toFixed(1)+'</span></span>'; 
	html += '</li>';

	html += '<li>';
		html += '<span class="score"><span class="name">'+race_data['rcp_avg'][0]['candidate'][1]['name']+'</span> <span class="value">'+c_2.toFixed(1)+'</span></span>'; 
	html += '</li>';

	html += '<li>';
		html += '<span class="score"><span class="name">Spread</span> <span class="value">'+spread_value+'</span></span>'; 
	html += '</li>';

	document.querySelector('.election_central_hp_widget .spreads').innerHTML = html;
}