
function loadPhrases(url, timeout, window_size, line_height) {
	var phrasetracker = $('#phrasetracker');
	phrasetracker.height(line_height * window_size);
	$.getJSON(url, function(data) {
		var html = '';
		for (var i in data) {
			html = html + '<li class="' + data[i]['engine'] + '">' + data[i]['phrase'] + '</li>';
		}
		$(html).appendTo(phrasetracker);
		$('#phrasetracker>li').css('height', line_height + 'px');
		if (phrasetracker.children().size() > window_size) {
			var length = phrasetracker.children().size() - window_size;
			$('#phrasetracker>li:first-child')
				.animate(
					{'margin-top': -1 * line_height * length}, 
					{
						'duration': (length * 250 > timeout ? timeout : length * 250),
						'complete': function () {
							$('#phrasetracker>li').slice(0, phrasetracker.children().size() - window_size).remove();
						}
					}
				)
				.animate({'margin-top': 0}, 0);
		}
	});
}

$(document).ready(function () {
	loadPhrases('/phrasetracker/phrasetracker.php?t=json&init=1', 1500, 10, 20);
	window.setInterval(function () {
		loadPhrases('/phrasetracker/phrasetracker.php?t=json', 1500, 10, 20);
	}, 2000);
});




