views

define(function(require) {
	var Backbone = require('backbone')
	var template = require('text!../../template/newThread.html')

	return Backbone.View.extend({
		el: '#container',

		template: _.template(template),

		initialize: function () {
      this.render()

      var Contact = require('model/contact')
var Contacts = require('collection/contacts')
var ContactList = new Contacts([
		{"name": "backbone-autocomplete"},
		{"name": "backbone-memento"},
		{"name": "backbone-validations"},
		{"name": "backbone-chosen"},
		{"name": "backbone-relational"},
		{"name": "backbone-bindings"},
		{"name": "backbone-boilerplate"},
		{"name": "backbone-traversal"},
		{"name": "backbone-factory"},
		{"name": "jquery"},
		{"name": "jquery-ui"},
		{"name": "angular.js"},
		{"name": "keymaster.js"}
		])
	console.log(ContactList);

      new AutoCompleteView({
		input: $("#to"),
		model: ContactList,
		onSelect: function (model) {
			alert('zia')
		}
	}).render(); 
    },

		render: function() {
	    	this.$el.html(this.template({}));
	    	return this;
	  	}
	});
});