var colors = [2642338, 13439041]; 
var app_id = 1;
var padding = 10;
var voted = false;
var firstRun = true;
function rgb2Hex (r,g,b) {
	return(r<<16 | g<<8 | b);
}
		
function hexToRGB(hex){
	var red = hex>>16;
	var grnBlu = hex-(red<<16);
	var grn = grnBlu>>8;
	var blu = grnBlu-(grn<<8);
	var ret = new Object();
	ret.r = red;
	ret.g = grn;
	ret.b = blu;
 	return ret;
}
  
function blendTwo(col1, col2, amt) {
	var c1 = hexToRGB(col1);
	var c2 = hexToRGB(col2);
	var ct = new Object();
	var iAmt = 1-amt;
	ct.r = (c1.r * iAmt) + (c2.r * amt);
	ct.g = (c1.g * iAmt) + (c2.g * amt);
	ct.b = (c1.b * iAmt) + (c2.b * amt);
	ct = rgb2Hex(ct.r, ct.g, ct.b);
	return ct;
}
		
function blend(colors, amt){
	var ei = Math.ceil(amt*(colors.length-1));
	if (ei == 0){
		ei = 1;
	}
	var si = ei-1;
	var interval = 1/(colors.length-1);
	var sn = si * interval;
	var pct = (amt-sn)*(colors.length-1);
	var result = blendTwo(colors[si], colors[ei], pct);
	return result;
}
		
function dec2hex(d) {
	return d.toString(16);
}
		
function embedFlash(){
	var w = 31;
	var h = 160;
	var fgFile = 'thermo-31-fg.png';
	var bgFile = 'thermo-31-bg.png';
	var fvs = {w:w, h:h, fgFile:fgFile, bgFile:bgFile};
	var params = {salign:'tl', scale:'noscale', allowScriptAccess:'always', bgcolor:'#FFFFFF', wmode:'opaque', base:'http://cache.boston.com/multimedia/templates/tools/thermonew/images/'};
	var attributes = {id:'sliderSWF'};
	swfobject.embedSWF('http://cache.boston.com/multimedia/templates/swfs/thermo.swf', 'sliderSWF', w, h, '10.0.0', 'http://cache.boston.com/multimedia/templates/swfs/expressinstall.swf', fvs, params, attributes);
}
	 	
function onScrubUpdate(amt){
	amt = 1 - amt;
	var color = blend(colors, amt);
	var hex = dec2hex(color);
	if (!firstRun){
		$('#sgMid').html('<div id="youSay">'+Math.round(amt*100)+'&deg;'+'<div>');
		$('#youSay').css('color', '#'+hex);
		$('#thermo').find('input').addClass('active');
	}
	firstRun = false;
}		
  
$(document).ready(function(){
	embedFlash();
	//$('#thermo').scrollable({size:1, items:'#slides', api:true});
	$('#sgTop').html(topText + ' <span class="dash">&mdash;</span>');
	$('#sgBot').html(botText + ' <span class="dash">&mdash;</span>');
	$('#thermo').css('width', width);
	$('#thermo').css('height', height);
	$('#sliderGuide').css('width', width - padding - 31);
});
  	
function hideButtons(){
	$('#thermoButtons').css('display', 'none');
}
  	
function thermo_sendVote(){
	voted = true;
	var value = getMovie('sliderSWF').getScrubValue();
	$.post('/multimedia/templates/tools/thermonew/send_vote.php', {value:value*1000, app_id:app_id}, onVoteSent);
	thermo_showResults();
	
}
  	
function onVoteSent(data){
}
  	
function thermo_showResults(){
	hideButtons();
	$.getJSON('/multimedia/templates/tools/thermonew/make_graph.php?app='+app_id+'&w='+(width), onGraphReady);
}
  	
function onGraphReady(data) {
	$('#thermo').scrollable({size:1, items:'#slides', api:true});
	$('#thermo').find('.tt').html(voteMessage);
	var graph = data.graph;
	var avg = Number(data.avg_today);
	var img = document.createElement('img');
	var votes = data.votes;
	img.setAttribute('src', (graph));
	$(img).css('display', 'block');
	$(img).css('width', width);
	$(img).css('height', 150);
	var p = document.createElement('p');
	var value = getMovie('sliderSWF').getScrubValue();
	p.innerHTML = '';
	if (voted){
		p.innerHTML = 'You said: <span class="highlight">' + Math.round(value*100) + "&deg;<"+"/span><br />";
	}
	p.innerHTML += "Today's user average: <span class='highlight'>" + Math.round(avg/10) + '&deg;<'+'/span>';
	var vi = document.createElement('p');
	$(vi).addClass('voterInfo');
	$(vi).html('Based upon <b>' + votes + '</b> votes today');
	$(p).append(vi);
	$('#results').append(img);
	$('#results').append(p);
	$('#thermo').scrollable().nextPage();
	updateColors();
}

function updateColors(){
	var hl = $('.highlight');
	for (var i = 0; i<hl.length; i++){
		var span = hl[i];
		var amt = parseInt($(span).html());
		amt /= 100;
		var color = blend(colors, amt);
		var hex = dec2hex(color);
		$(span).css('color', '#'+hex);
	}
}