$(document).ready(function() {
	$marqueeContainer = $('#marquee div');
	$marquee = $('#marquee ul');
	function resetScroller() {
		if (typeof appender == "undefined") { } else { clearTimeout(appender); }
		$marqueeContainer.css('left', '0px');
		scroll();
	}
	function scroll() {	$marqueeContainer.animate({left: '-=506550'}, 6750000, 'linear', resetScroller );	}
	$.ajax({ type: "GET", dataType: "json", url: '/data/911.js', success: function (data) { $names = data; appendNameInit(); }});
	explanation = '<span>9/11 memorial</span>';	i = 0;	iArray = -1;
	function appendName() { if (i % 7) { var thisName = $names.names.shift(); thisVal = thisName.name; iArray++; } else { var thisVal = explanation; } $marquee.append('<li>'+thisVal+'</li>'); i++; }
	function appendNameInit() {	appender = setInterval(appendName, 1000); }
	scroll();
});
