///<reference path=".#ts/client.d.ts"/>

interface Templates {
	sportsSearchBox: Template;
}

Template.sportsSearchBox.onRendered(function() {
	Session.set('sportsSearchTerm',  null);
	var searchInput = this.$('#search');
	if (searchInput.length) {
		searchInput[0].focus();
	}
});

Template.sportsSearchBox.helpers({

	term: function() {
		return Session.get('sportsSearchTerm');
	},

	showSearch: function() {
		return Session.get('showSearch');
	}

});

Template.sportsSearchBox.events({

	'keyup #search, change #search': _.debounce(function(e: MeteorTemplateEvent){
		Session.set('sportsSearchTerm', $(e.target).val().trim());
	}, 300),

	'keydown #search, focus #search': function(e: MeteorTemplateEvent){
		Session.set('showSearchResults', true);
	},

	'submit .search-form': function(e: MeteorTemplateEvent) {
		e.preventDefault();
		return;
	},

	'click .search-close': function() {
		Session.set('showSearch', false);
	}

});