bmelton/gist:2324195

## gistfile1.html
<!doctype html>
	<head>
		<title>Ember test</title>
		<script type="text/javascript" src="../lib/jquery.min.js"></script>
		<script type="text/javascript" src="../lib/ember.min.js"></script>
	</head>
	<body>
		<script type="text/x-handlebars">
			<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
			<h1>{{ Example.name }}</h1>

			{{#view Example.LoopingView id="looping-view" }}
				{{#each Example.populate}}
					<li>{{ from_user_name }} - {{ text }}!</li>
				{{/each}}
			{{/view }}
		</script>
		<script>
			Example = Ember.Application.create({
				name: "Example Application",
				logo: "http://sympodial.com/images/logo.png",
				ready: function() {
					Example.populate.getTweets();
					setInterval(function() {
						Example.populate.getTweets();
					}, 500);
				}.observes("name")
			})

			Example.Item = Ember.Object.extend();
			var items = [
				Example.Item.create({ name: "Barry" }),
				Example.Item.create({ name: "Misty" }),
				Example.Item.create({ name: "Derrick" })
			]

			Example.LoopingView = Ember.View.extend({
				items: items
			});

			Example.populate = Ember.ArrayController.create({
				content: [],
				idArray: {},
				addItem: function(item) {
					var id = item.id;
					if(typeof this.idArray[id]  == "undefined") {
						if(item.iso_language_code == "en") {
							this.pushObject(item);
							this.idArray[id] = item.id;
							Example.Item.create({ name: item.text });
						}
					};
				},
				getTweets: function() {
					var self = this;
					var url = "http://search.twitter.com/search.json?callback=?&q=%23EmberJS";
					$.getJSON(url, function(data) {
						for (var i = 0; i < data.results.length; i++) {
							self.addItem(Example.Item.create(data.results[i]));
						};
					})
				}
			});
		</script>
	</body>
</html>
	<!doctype html>
	<head>
	<title>Ember test</title>
	<script type="text/javascript" src="../lib/jquery.min.js"></script>
	<script type="text/javascript" src="../lib/ember.min.js"></script>
	</head>
	<body>
	<script type="text/x-handlebars">
	<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
	<h1>{{ Example.name }}</h1>

	{{#view Example.LoopingView id="looping-view" }}
	{{#each Example.populate}}
	<li>{{ from_user_name }} - {{ text }}!</li>
	{{/each}}
	{{/view }}
	</script>
	<script>
	Example = Ember.Application.create({
	name: "Example Application",
	logo: "http://sympodial.com/images/logo.png",
	ready: function() {
	Example.populate.getTweets();
	setInterval(function() {
	Example.populate.getTweets();
	}, 500);
	}.observes("name")
	})

	Example.Item = Ember.Object.extend();
	var items = [
	Example.Item.create({ name: "Barry" }),
	Example.Item.create({ name: "Misty" }),
	Example.Item.create({ name: "Derrick" })
	]

	Example.LoopingView = Ember.View.extend({
	items: items
	});

	Example.populate = Ember.ArrayController.create({
	content: [],
	idArray: {},
	addItem: function(item) {
	var id = item.id;
	if(typeof this.idArray[id] == "undefined") {
	if(item.iso_language_code == "en") {
	this.pushObject(item);
	this.idArray[id] = item.id;
	Example.Item.create({ name: item.text });
	}
	};
	},
	getTweets: function() {
	var self = this;
	var url = "http://search.twitter.com/search.json?callback=?&q=%23EmberJS";
	$.getJSON(url, function(data) {
	for (var i = 0; i < data.results.length; i++) {
	self.addItem(Example.Item.create(data.results[i]));
	};
	})
	}
	});
	</script>
	</body>
	</html>