var template;
var streamDiv;
var html = "";
var hiding = false;
var hb;
var mouseOvered = false;

$(document).ready(function() {

	var source   = $("#itemTemplate").html();
		template = Handlebars.compile(source);

	streamDiv = $("#stream");

	//set up an interval to ask for new data
	hb = window.setInterval(checkData, 4000);

	Handlebars.registerHelper('dateFormat', function(dt) {
		return (dt.getMonth()+1) + '/' + dt.getDate() + '/' + dt.getFullYear() + ' ' + (dt.getHours()+1) + ':'+dt.getMinutes();
	});

	$("#stream").on("mouseover",".item", function() {
		console.log('hiding');
		hiding=true;
		mouseOvered=true;
		//console.log($(this).position().top);
	});

	$("#stream").on("mouseout",".item", function() {
		console.log('UNhiding',html);
		hiding=false;
		mouseOvered=false;
		addToStream(html);
	});

	$(window).on("scroll",function() {
		//Only care if not mouseOvered
		if(mouseOvered) return;
		var scroll = $(window).scrollTop();
		if(scroll > 0) hiding = true;
		else {
			hiding = false;
			if(html != "") addToStream(html);
		}
	});

});