var home30;
var avg30;
var home7;
var avg7;
var cost_pos = new Array();
cost_pos[0] = '0px -195px';
cost_pos[1] = '0px -195px';
cost_pos[2] = '0px -195px';
cost_pos[3] = '0px -195px';
cost_pos[4] = '0px -195px';
var kw_pos = new Array();
kw_pos[0] = '0px -195px';
kw_pos[1] = '0px -195px';
kw_pos[2] = '0px -195px';
kw_pos[3] = '0px -195px';
kw_pos[4] = '0px -195px';
var carb_pos = new Array();
carb_pos[0] = '0px -195px';
carb_pos[1] = '0px -195px';
carb_pos[2] = '0px -195px';
carb_pos[3] = '0px -195px';
carb_pos[4] = '0px -195px';
var bval = 5200;
var cost = 14.00; // in pence
var ctm = 0;
var wtm = 0;
var carbtm = 0;
var notes = [];
var home24 = [];
var avg24 = [];
var datasets;
var plot;
var ch_zng = '';
var ch_w = '';
var guptime = 0;
var wuptime = 0;
var sunset = 0;
var sunrise = 0;
var gdisp = 24;

$j = jQuery.noConflict();

function pad(number,length) {
    var str = '' + number;
    while (str.length < length)
        str = '0' + str;
    return str;
}

function formatPower(v) { 
	if (v > 1000000)
		return (v / 1000000) + "MW";
	else if (v >= 1000)
		return (v / 1000) + "kW";
	else
		return v + "W";
}

function createTooltip(event){
	if ( $j(this).attr('id') == "ieu_info" ) { positionTooltip(event, "ieu-wrap"); }
	else if ( $j(this).attr('id') == "mb_info" ) { positionTooltip(event, "mb-wrap"); }
    positionTooltip(event);
};

function positionTooltip(event, wrap){
	var tPosX = event.pageX  +10;
	var tPosY = event.pageY +10;
	$j('#'+wrap).css({top: tPosY, left: tPosX});
	$j('#'+wrap).show();
};

		
function showTooltip(x, y, contents) {
	$j('<div id="tooltip">' + contents + '</div>').css( {
		position: 'absolute',
		display: 'none',
		'z-index': 4000,
		top: y + 5,
		left: x + 5,
		border: '1px solid #fdd',
		padding: '2px',
		'background-color': '#fee',
		opacity: 0.80
	}).appendTo("body").fadeIn(200);
}

function get30() {
	jQuery.ajax({
		url: 'http://status2.energyhive.co.uk/my_30.json',
		type: 'GET',
		dataType: 'json',
		data:$data,	 
		timeout: 3000,
		error: function(){ alert('Unable to load month data'); },
		success: function(json){
			home30 = json.graph.home;
			avg30 = json.graph.average;
		}
	});
}

function get7() {
	jQuery.ajax({
		url: 'http://status2.energyhive.co.uk/my_7.json',
		type: 'GET',
		dataType: 'json',
		data:$data,	 
		timeout: 3000,
		error: function(){ alert('Unable to load week data'); },
		success: function(json){
			home7 = json.graph.home;
			avg7 = json.graph.average;
		}
	});
}

(function($j) {
	$j.fn.vCenter = function(options) {
		var pos = {
			sTop : function() {
				return window.pageYOffset
				|| document.documentElement && document.documentElement.scrollTop
				||  document.body.scrollTop;
			},
			sLeft : function() {
				return window.pageXOffset
				|| document.documentElement && document.documentElement.scrollLeft
				||  document.body.scrollLeft;
			},
			wWidth : function() {
				return window.innerWidth
				|| document.documentElement && document.documentElement.clientWidth
				|| document.body.clientWidth;
			},
  			wHeight : function() {
				return window.innerHeight
				|| document.documentElement && document.documentElement.clientHeight
				|| document.body.clientHeight;
			}
		};
		return this.each(function(index) {
			if (index == 0) {
				var $this = $j(this);
				var elHeight = $this.height();
				var elWidth = $this.width();
				var elTop = pos.sTop() + (pos.wHeight() / 2) - (elHeight / 2);
				var elLeft = pos.sLeft() + (pos.wWidth() / 2) - (elWidth / 2);
				$this.css({
					position: 'absolute',
					marginTop: '0',
					top: elTop,
					left: elLeft
				});
			}
		});
	};
})(jQuery);

/* This function was originally written by the nice folks at http://tweet.seaofclouds.com/
and is under the MIT license - http://www.opensource.org/licenses/mit-license.php */
(function($j) {
 
  $j.fn.tweet = function(o){
    var s = {
      username: ["energyhive"],              // [string]   required, unless you want to display our tweets. :) it can be an array, just do ["username1","username2","etc"]
      avatar_size: null,                      // [integer]  height and width of avatar if displayed (48px max)
      count: 3,                               // [integer]  how many tweets to display?
      intro_text: null,                       // [string]   do you want text BEFORE your your tweets?
      outro_text: null,                       // [string]   do you want text AFTER your tweets?
      join_text:  null,                       // [string]   optional text in between date and tweet, try setting to "auto"
      auto_join_text_default: "i said,",      // [string]   auto text for non verb: "i said" bullocks
      auto_join_text_ed: "i",                 // [string]   auto text for past tense: "i" surfed
      auto_join_text_ing: "i am",             // [string]   auto tense for present tense: "i was" surfing
      auto_join_text_reply: "i replied to",   // [string]   auto tense for replies: "i replied to" @someone "with"
      auto_join_text_url: "i was looking at", // [string]   auto tense for urls: "i was looking at" http:...
      loading_text: null,                     // [string]   optional loading text, displayed while tweets load
      query: null                             // [string]   optional search query
    };

    $j.fn.extend({
      linkUrl: function() {
        var returning = [];
        var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"$1\"  target=\"_blank\">$1</a>"))
        });
        return $j(returning);
      },
      linkUser: function() {
        var returning = [];
        var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\"  target=\"_blank\">@$1</a>"))
        });
        return $j(returning);
      },
      linkHash: function() {
        var returning = [];
        var regexp = / [\#]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'" target="_blank">#$1</a>'))
        });
        return $j(returning);
      }
    });

    function relative_time(time_value) {
      var parsed_date = Date.parse(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      if(delta < 60) {
      	return 'less than a minute ago';
      } else if(delta < 120) {
      	return 'about a minute ago';
      } else if(delta < (45*60)) {
      	return (parseInt(delta / 60)).toString() + ' minutes ago';
      } else if(delta < (90*60)) {
      	return 'about an hour ago';
      } else if(delta < (24*60*60)) {
      	return 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
      } else if(delta < (48*60*60)) {
      	return '1 day ago';
      } else {
      	return (parseInt(delta / 86400)).toString() + ' days ago';
      }
    }

    if(o) $j.extend(s, o);
    return this.each(function(){
      var list = $j('<ul class="tweet_list">').appendTo(this);
      var intro = '<p class="tweet_intro">'+s.intro_text+'</p>'
      var outro = '<p class="tweet_outro">'+s.outro_text+'</p>'
      var loading = $j('<p class="loading">'+s.loading_text+'</p>');
      if(typeof(s.username) == "string"){
        s.username = [s.username];
      }
      var query = '';
      if(s.query) {
        query += 'q='+s.query;
      }
      query += '&q=from:'+s.username.join('%20OR%20from:');
      var url = 'http://search.twitter.com/search.json?&'+query+'&rpp='+s.count+'&callback=?';
      if (s.loading_text) $j(this).append(loading);
      $j.getJSON(url, function(data){
        if (s.loading_text) loading.remove();
        if (s.intro_text) list.before(intro);
        $j.each(data.results, function(i,item){
          // auto join text based on verb tense and content
          if (s.join_text == "auto") {
            if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
              var join_text = s.auto_join_text_reply;
            } else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
              var join_text = s.auto_join_text_url;
            } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
              var join_text = s.auto_join_text_ed;
            } else if (item.text.match(/^(\w*ing) .*/i)) {
              var join_text = s.auto_join_text_ing;
            } else {
              var join_text = s.auto_join_text_default;
            }
          } else {
            var join_text = s.join_text;
          };

          var join_template = '<span class="tweet_join"> '+join_text+' </span>';
          var join = ((s.join_text) ? join_template : ' ')
          var avatar_template = '<a class="tweet_avatar" href="http://twitter.com/'+ item.from_user+'" target="_blank"><img src="'+item.profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+item.from_user+'\'s avatar" border="0"/></a>';
          var avatar = (s.avatar_size ? avatar_template : '')
          var date = '<a href="http://twitter.com/'+item.from_user+'" target="_blank">'+item.from_user+'</a> :   <a href="http://twitter.com/'+item.from_user+'/statuses/'+item.id+'" title="view tweet on twitter" target="_blank">'+relative_time(item.created_at)+'</a><br/>';
          var text = '<span class="tweet_text">' +$j([item.text]).linkUrl().linkUser().linkHash()[0]+ '</span>';
          
          // until we create a template option, arrange the items below to alter a tweet's display.
          list.append('<li>' + avatar + date + join + text + '</li>');

          list.children('li:first').addClass('tweet_first');
          list.children('li:odd').addClass('tweet_even');
          list.children('li:even').addClass('tweet_odd');
        });
        if (s.outro_text) list.after(outro);
      });

    });
  };
})(jQuery);

(function($j) {
	$j.extend($j.fx.step,{
	    backgroundPosition: function(fx) {
            if (fx.state === 0 && typeof fx.end == 'string') {
                var start = $j.curCSS(fx.elem,'backgroundPosition');
                start = toArray(start);
                fx.start = [start[0],start[2]];
                var end = toArray(fx.end);
                fx.end = [end[0],end[2]];
                fx.unit = [end[1],end[3]];
			}
            var nowPosX = [];
            nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
            nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];           
            fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
            
           function toArray(strg){
               strg = strg.replace(/left|top/g,'0px');
               strg = strg.replace(/right|bottom/g,'100%');
               strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
               var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
               return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
           }
        }
	});
})(jQuery);

function refresh24(last_point) {
	// full refresh of 24 graph.
	var foo = new Date;
	var oofset = foo.getTimezoneOffset();
	$data = "callback=?&hid=001F1F3A6BA6&key=DEMO&average=0&offset=" + oofset + "&last=" + last_point;

	jQuery.ajax({
		url: 'http://status2.energyhive.co.uk/my_24.json',
		type: 'GET',
		dataType: 'json',
		data:$data,	 
		timeout: 10000,
		success: function(json){
			if (last_point == 0) {
				home24=[];
				avg24=[];
				notes=[];
			}
			for (ts in json) {
				if (json[ts][0] != "") {
					home24.push([ts,json[ts][1],json[ts][0]]);
					notes.push([ts,json[ts][1]]);
 				} else {
 					home24.push([ts,json[ts][1]]);
 				}
				avg24.push([ts,json[ts][2]]);
				if (last_point != 0) {
					home24.shift();
					avg24.shift();
					if (notes[0] && notes[0][0] == ts) { notes.shift();	}
				}
			}
			if (gdisp == 24) {	plotGraph("my24"); }
		}
	});
}

function plotGraph(gtype) {

	if (gtype == 'my24') {
		var markings = [];
		if (sunrise != 0 ) {
			if (sunset > home24[home24.length -1][0]) { sunset = sunset - 86400000;	}
			if (sunrise > home24[home24.length -1][0]) { sunrise = sunrise - 86400000; }		
			if (sunset < sunrise) {		
				var markings = [ { color: '#e5e5e5', xaxis: { from: sunset, to: sunrise } }  ];
			} else {
				var markings = [	{ color: '#e5e5e5', xaxis: { from: home24[0][0], to: sunrise } },
									{ color: '#e5e5e5', xaxis: { from: sunset, to: home24[home24.length -1][0] } } ];
			}
		}
		plot = $j.plot(jQuery("#graph"), [{ 	label: "Your home",
									lines: { show: true, lineWidth: 1, fill: true,	fillColor: "rgba(0, 158, 226, 0.1)" }, 
									data: home24, color: "#009EE2" },
								{ 	label: "hive average",
									lines: { show: true, lineWidth: 1,fill: false }, 
									data: avg24, 
									color: "#F04C23"}], 
									{points: { show: false },
									xaxis: { mode: "time", timeformat: "%H:%M" },
									yaxis: { min: 0,
										tickFormatter: function (v) { 
											if (v > 1000000)
												return (v / 1000000) + "MW";
											else if (v >= 1000)
												return (v / 1000) + "kW";
											else
												return v + "W";
										}
									},
									selection: { mode: "xy" },
									shadowSize: 0,
									grid: { hoverable: true, clickable: true, markings: markings },
									clickable: true,
									hoverable: true,
									legend: { show: true, margin: 10, backgroundColor: "#F3F8FD",backgroundOpacity: 0.4, noColumns: 2, container: $j('#leg-end')	},
									crosshair: {mode: "xy"} });
		for (note in notes) {	plot.highlight(0,notes[note]);	}
	} else if (gtype == 'my7') {
		$j.plot($j("#graph"), [{ label: "Your home",
							bars: { show: true,	lineWidth: 1,barWidth: 3000000,	fill: true,
									fillColor: "rgba(0, 158, 226, 0.3)",	align: "center"	}, 
							data: home7, color: "#009EE2"},
							{ label: "hive average",
							lines: { show: true, lineWidth: 1, fill: false}, 
							data: avg7, 
							color: "#F04C23"}], 
							{points: { show: false },
							xaxis: { mode: "time", timeformat: "%d/%m/%y" },
							yaxis: { min: 0,
								tickFormatter: function (v) { 
									if (v > 1000000)
										return (v / 1000000) + "MW";
									else if (v >= 1000)
										return (v / 1000) + "kW";
									else
										return v + "W";
								}
							},
							selection: { mode: "xy" },
							shadowSize: 1,
							clickable: true, hoverable: true,
							legend: { show: true, margin: 10, backgroundColor: "#F3F8FD", backgroundOpacity: 0.4, noColumns: 2, container: $j('#leg-end') },
							crosshair: {mode: "xy"}});
	
	} else if (gtype == 'my30') {
		$j.plot($j("#graph"), [{ label: "Your home",
							points: { show: false},
							bars: { show: true,lineWidth: 1,barWidth: 76400000 ,fill: true,
									fillColor: "rgba(0, 158, 226, 0.3)",align: "center"}, 
							shadowSize: 2,
							data: home30, 
							color: "#009EE2"},
							{ label: "hive average",
							lines: { show: true,lineWidth: 2,fill: false}, 
							data: avg30, 
							shadowSize: 2,
							color: "#F04C23"}],
							{points: {show: true, radius: 2},
							xaxis: { mode: "time",	timeformat: "%d %b"	},
							yaxis: { min: 0, tickFormatter: function (v) { 
								if (v > 1000000)
									return (v / 1000000) + "MWh";
								else if (v >= 1000)
									return (v / 1000) + "kWh";
								else
									return v + "Wh";
								}
							},
							selection: { mode: "xy" },
							shadowSize: 1,
							clickable: true,
							hoverable: true,
							legend: { show: true, margin: 10, backgroundColor: "#D1D3D4", backgroundOpacity: 0.4, noColumns: 2, container: $j('#leg-end') },
							crosshair: {mode: "xy"}} );
	}	
}

function getTweet() {
	$j("#t-q").tweet( {
		avatar_size: 32,
		count: 4,
		query: "environment",
		loading_text: "searching twitter..."
	} );
}

function getWeatherData() {

	var foo = new Date;
	$data = "pcode=W1U&hid=001F1F3A6BA6&key=DEMO&offset=" + foo.getTimezoneOffset();
	$j.ajax({
		url: 'http://status2.energyhive.co.uk/weather.json',
		type: 'GET',
		dataType: 'jsonp',
		data: $data,
		timeout: 5000,
		success: function(json) {
			$j('#weather-img').html('<img src="'+ json.data.current_condition[0].weatherIconUrl[0].value +'" alt="' + json.data.current_condition[0].weatherDesc[0].value + '" />');
			$j('#weather-temp').html(json.data.current_condition[0].temp_C +'&#8451;');
			$j('#weather-hilo').html('Hi: '+ json.data.weather[0].tempMaxC +'&#8451;<br/>Lo: '+ json.data.weather[0].tempMinC +'&#8451;<br/>');
			$j('#weather-desc').html(json.data.current_condition[0].weatherDesc[0].value);
			$j('#weather-blurb').html("Latest weather for "+ json.data.nearest_area[0].areaName[0].value + " (" + json.data.current_condition[0].observation_time + ")");
			$j('#weather-pos').show();
			sunset = json.data.nearest_area[0].sunset;
			sunrise = json.data.nearest_area[0].sunrise;
		}
	});
}

function getInstantData() {

	var yc_pc;
	var ac_pc;

	var foo = new Date;
	var unixtime_ms = foo.getTime();
	var unixtime = parseInt(unixtime_ms / 1000);

	$data = "callback=?&hid=001F1F3A6BA6&key=DEMO&avg_type=0";
	$j.ajax({
	    url: 'http://status2.energyhive.co.uk/hive_data.json',
	    type: 'GET',
	    dataType: 'json',
		data: $data,
	    timeout: 4000,
	    success: function(json) {
	
			if (json.err_code == "401") {
				window.location = "http://www.energyhive.co.uk/session_timeout.html"
	 		}
			
			$j('#your-curr').html(Math.round(json.hive_data.curr_home/10)/100);

			if (json.hive_data.curr_home > 6000) { yc_pc = 180; }
			else if (json.hive_data.curr_home < 0) { yc_pc = 0; } 
			else { yc_pc = Math.round( ( json.hive_data.curr_home / 6000 ) * 180 );	}
			$j('#blue-arm').rotateAnimation({angle: yc_pc});

			$j('#avg-curr').html(Math.round(json.hive_data.curr_avg/10)/100);

			if (json.hive_data.curr_avg > 6000) { ac_pc = 180; }
			else if (json.hive_data.curr_avg < 0) { ac_pc = 0; } 
			else { ac_pc = Math.round( ( json.hive_data.curr_avg / 6000 ) * 180 );	}
			$j('#black-arm').rotateAnimation({angle: ac_pc});

			if ( json.hive_data.curr_home < 750 ) {	$j('#ieu-box').css('background-color', '#4A9B49'); } 
			else if ( json.hive_data.curr_home < 1500 ) { $j('#ieu-box').css('background-color', '#77B742'); }
			else if ( json.hive_data.curr_home < 2250 ) { $j('#ieu-box').css('background-color', '#BCD631'); }
			else if ( json.hive_data.curr_home < 3000 ) { $j('#ieu-box').css('background-color', '#FFE600'); }
			else if ( json.hive_data.curr_home < 3750 ) { $j('#ieu-box').css('background-color', '#FFD400'); } 
			else if ( json.hive_data.curr_home < 4500 ) { $j('#ieu-box').css('background-color', '#F8991D'); }
			else if ( json.hive_data.curr_home < 5250 ) { $j('#ieu-box').css('background-color', '#F15F22'); }
			else { $j('#ieu-box').css('background-color', '#EE3224'); }

			if (ctm == 0) {

				ctm = Math.round(cost * json.hive_data.cum_home);
				var mused = ctm / 100;
				mused = mused.toFixed(2);
				
				ctm = pad( ctm, 5);

				wtm = pad ( json.hive_data.cum_home, 5 );
				carbtm = pad ( Math.round(Number(json.hive_data.cum_home * 0.53)) , 5);

				if (ctm > 99999) { ctm = 99999; }
				if (wtm > 99999) { wtm = 99999; }
				if (carbtm > 99999) { carbtm = 99999; } 

				for (i=0; i<5; i++) {

					txp = -195 + (ctm.charAt(i) * 20);
					$j("#mon"+i)
						.stop()
						.css({backgroundPosition: cost_pos[i]})
						.animate( {backgroundPosition: "(0px " + txp + "px)"},	{duration:2500});
					cost_pos[i] = '0px ' + txp + 'px';

					txp = -195 + (wtm.charAt(i) * 20);
					$j("#kw"+i)
						.stop()
						.css({backgroundPosition: kw_pos[i]})
						.animate( {backgroundPosition: "(0px " + txp + "px)"},	{duration:2500});
					kw_pos[i] = '0px ' + txp + 'px';

					txp = -195 + (carbtm.charAt(i) * 20);
					$j("#co2"+i)
						.stop()
						.css({backgroundPosition: carb_pos[i]})
						.animate( {backgroundPosition: "(0px " + txp + "px)"},	{duration:2500});
					carb_pos[i] = '0px ' + txp + 'px';

				}

				var bval_disp = bval / 100;

				$j("#monthly-budget").html("&pound; " + bval_disp.toFixed(2) );
				$j("#monthly-used").html("- " + mused );
				remm = (bval/100) - (ctm/100);
				$j("#monthly-remain").html(remm.toFixed(2));

				if (json.hive_data.cum_home > (json.hive_data.cum_average * 1.1 ) ) { $j('.rating-stars').css({backgroundPosition: "0px -12px"});  }
				else if (json.hive_data.cum_home > (json.hive_data.cum_average * 1.05 ) ) { $j('.rating-stars').css({backgroundPosition: "0px -24px"});  }
				else if (json.hive_data.cum_home > (json.hive_data.cum_average ) ) { $j('.rating-stars').css({backgroundPosition: "0px -36px"});  }
				else if (json.hive_data.cum_home > (json.hive_data.cum_average * 0.95) ) { $j('.rating-stars').css({backgroundPosition: "0px -48px"});  }
				else { $j('.rating-stars').css({backgroundPosition: "0px -60px"});  }

				// Get the day of the week and the number of days in the month to work out the target position
				var today = new Date();
				var day = today.getDate();
				var maxday = 32 - new Date(today.getYear(), today.getMonth(), 32).getDate();

				var targ_val = 110 - (day/maxday * 100) + "px";
				$j("#prog-targ-line").css({top: targ_val});
				var targ_txtval = 102 - (day/maxday * 100) + "px";
				$j("#prog-targ-txt").css({top: targ_txtval});

				var act_pc = ctm / bval * 100;
				if (act_pc > 100) { act_pc = 100; }
				$j("#month-targ-txt").html("&pound; " + bval / 100);
				var act_val = 110 - act_pc + "px";
				$j("#prog-act-line").css({top: act_val});
				var act_txtval = 102 - act_pc + "px";
				$j("#prog-act-txt").css({top: act_txtval});
				var actf_val = 100 - act_pc + "px";
				$j('#progress-actual').css({height: actf_val});


				if ( ctm / bval > day / maxday ) {
					$j('#month-progress').css("background-image", "url(/assets/images/sliders_dash_rs.png)");  
					$j('#progress-actual').css("background-image", "url(/assets/images/sliders_dash_rf.png)"); 
					$j('#month-blurb').addClass('red-txt');
					$j('#month-blurb').html('Over budget for the month');
					$j('#month-blurb').show();
				} else {
					$j('#month-blurb').addClass('green-txt');
					$j('#month-blurb').html('Looks good, on target for the month');
					$j('#month-blurb').show();
				}

			}

			if (unixtime > guptime + 60) {
				// do incremental chart update. Oh yes.
				if (guptime != 0) {	refresh24( home24[home24.length -1][0] ); }
				guptime = unixtime;
			}

			if (unixtime > wuptime + 900) {
				// do incremental chart update. Oh yes.
				if (wuptime != 0) { getWeatherData(); }
				wuptime = unixtime;
			}

			// Get the connection status
			$data = "callback=?&hid=001F1F3A6BA6&key=DEMO&average=0";
			jQuery.ajax({
				url: 'http://status2.energyhive.co.uk/home_status.json',
				type: 'GET',
				dataType: 'json',
				data:$data,	 
				timeout: 8000,
				success: function(json){
					if (json.err_code == "401") {
						window.location = "http://www.energyhive.co.uk/session_timeout.html"
				 	}
					// ignore the type for now
					if (json.connected == "yes") {
						$j('#connect-status').removeClass('red-txt');
						$j('#connect-status').addClass('green-txt');
						$j('#img-connect').attr('src', '/assets/images/tick.png');
					} else {
						$j('#connect-status').removeClass('green-txt');
						$j('#connect-status').addClass('red-txt');
						$j('#img-connect').attr('src', '/assets/images/cross.png');							
					}
					if (json.data == "yes") {
						$j('#sending-status').removeClass('red-txt');
						$j('#sending-status').addClass('green-txt');
						$j('#img-send').attr('src', '/assets/images/tick.png');						
					} else {
						$j('#sending-status').removeClass('green-txt');
						$j('#sending-status').addClass('red-txt');
						$j('#img-send').attr('src', '/assets/images/cross.png');
					}
				}
			});
		}
	});
}


$j(function () {
/* dom ready now */

	$j('#taf-but').bind('click', function() {
		if ($j("#taf-email").val().match(/^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/)) {
			var foo = new Date;
			var unixtime_ms = foo.getTime();
			var unixtime = parseInt(unixtime_ms / 1000);
			$data = "iHateIE=" + unixtime + "&email=" + $j("#taf-email").val();
			$j.ajax({
			    url: '/data/taf.json',
			    type: 'POST',
			    dataType: 'json',
				data: $data,
			    timeout: 2500,
				error: function(json) {
					alert ("Sorry - unable to send an email at this time.");
				},
			    success: function(json) {
					alert ("That doesn't look like a real Email address. Please try again.");
					$j("#taf-email").val("");
				}
			});
		} else {alert ("That doesn't look like a real Email address. Please try again.");}
		return false;
	});
	
	$j('#blue-arm').rotate({angle:0});
	$j('#black-arm').rotate({angle:0});
	getWeatherData();
	getInstantData();
	getTweet();
	refresh24(0);
	get30();
	get7();
	setInterval("getInstantData()", 10000);
	
	$j('.info-but').mouseover(function(event) {
		createTooltip.call(this, event);
	 }).mouseout(function(){
		$j('.tt-wrap').hide();
	 });

	$j("#graph-last24").bind("click", function(e){
		plotGraph("my24");
		$j('li').removeClass('active');
		$j(this).addClass('active');
		$j("#display-notes").show();
		gdisp = 24;
	});
	
	$j("#graph-last7").bind("click", function(e){
		plotGraph("my7");
		$j('li').removeClass('active');
		$j(this).addClass('active');
		$j("#display-notes").hide();
		gdisp = 7;
	});
	
	$j("#graph-month").bind("click", function(e){
		plotGraph("my30");
		$j('li').removeClass('active');
		$j(this).addClass('active');
		$j("#display-notes").hide();
		gdisp = 30;
	});
										
	var previousPoint = null;
	
	$j("#graph").bind("plothover", function (event, pos, item) {
		if (item) {
			if (previousPoint != item.datapoint) {
				previousPoint = item.datapoint;
				$j("#tooltip").remove();
	 			var x = item.datapoint[0],
				y = item.datapoint[1];
				var freet = item.datapoint[2];  // Optional
				var myDate = new Date(x);

				if ( freet ) {
					showTooltip(item.pageX, item.pageY, pad(myDate.getUTCHours(),2) + ":" + pad(myDate.getUTCMinutes(), 2) + " = " + formatPower(y)  + "<br/>" + freet);
				} else {
					showTooltip(item.pageX, item.pageY, pad(myDate.getUTCHours(),2) + ":" + pad(myDate.getUTCMinutes(), 2) + " = " + formatPower(y));
				}
			}
		} else {
			$j("#tooltip").remove();
			previousPoint = null;            
		}

	});
	
	$j("#graph").bind("plotclick", function (event, pos, item) {
		if (item) {
			ch_zng = item.datapoint[0];
			ch_w = item.datapoint[1];
			ch_dp = item.datapoint;
			$j(".tr-comment").val("");
			$j("#page-overlay").show();
			$j("#tip-ratings").vCenter();
			$j("#tip-ratings").show();
		}
	});
	
	$j(".tr-close").click(function(){
		$j("#page-overlay").hide();
		$j("#tip-ratings").hide();
		$j("#tr-submit").show();
		$j(".tr-comment").show();
		$j("#tr-result").hide();
		$j("#tr-title").html("Add comment");
		$j(".lc").show();
	});
	
	$j(".note-close").click(function(){
		$j("#page-overlay").hide();
		$j("#note-list").hide();
	});

	$j("#tr-submit").click(function(){
		var comment = $j(".tr-comment").val();
		var foo = new Date;
		var oofset = foo.getTimezoneOffset();
		$data = "callback=?&hid=001F1F3A6BA6&key=DEMO&ts=" + ch_zng + "&watt=" + ch_w + "&offset=" + oofset + "&note=" + comment;
		$j.ajax({
			url: 'http://status2.energyhive.co.uk/add_stickie.json',
			type: 'GET',
			dataType: 'json',
			data: $data,
		    timeout: 25000,
			error: function(){
				$j('#tr-result').html("Unable to send your comment.");
				$j("#tr-submit").hide();
				$j(".tr-comment").hide();
				$j(".lc").hide();
				$j("#tr-result").show();
			},
			success: function(json){
				$j("#tr-title").html("Thank you");
				$j('#tr-result').html("Your comment has been saved.");
				$j("#tr-submit").hide();
				$j(".lc").hide();
				$j(".tr-comment").hide();
				$j("#tr-result").show();
				setTimeout('refresh24(0)',5000)
			}
		});
		return false;
	});
	
	$j("#display-notes").click(function() {
	
		$data = "callback=?&hid=001F1F3A6BA6&key=DEMO";
		$j.ajax({
			url: 'http://status2.energyhive.co.uk/get_stickies.json',
			type: 'GET',
			dataType: 'json',
			data: $data,
		    timeout: 25000,
			error: function(){
				$j('.note-com').html("<p>Unable to get your notes.</p>");
				$j("#page-overlay").show();
				$j("#note-list").show();
				$j("#note-list").vCenter();
			},
			success: function(json){
				var cnt = 0;
				$j('.note-row').remove();
				for (ts in json) {
					$j('#notetable').append('<tr class="note-row"><td class="note-ts">' + ts + '</td><td class="note-note">' + json[ts][0] + '</td><td class="note-watt">' + json[ts][1] + 'W</td></tr>');
					cnt++;
				}
				$j("#page-overlay").show();
				if (cnt < 1) { $j(".note-none").show();
				} else { $j(".note-com").show(); }
				$j("#note-list").show();
				$j("#note-list").vCenter();
			}
		});
		return false;
	});
});