Postcrossing symfony-driven site review

 
<div id="liveEvents" style="overflow: hidden; height: 18em; width: 31em;"></div>
 
<script type="text/javascript">
//<![CDATA[
Effect.ScrollVertical = Class.create();
 
Object.extend(Object.extend(Effect.ScrollVertical.prototype, Effect.Base.prototype),
{
	initialize: function(element)
	{
		if(typeof element == "string")
		{
			this.element = $(element);
			if(!this.element)
			{
				throw(Effect._elementDoesNotExistError);
			}
		}
 
		var options = Object.extend({
			from: this.element.scrollTop || 0,
			to:   this.element.scrollHeight
		}, arguments[1] || {});
 
		options.to = options.to == this.element.scrollHeight ? options.to : options.from + options.to;
 
		this.start(options);
	},
 
	update: function(position)
	{
		this.element.scrollTop = position;
	}
});
 
var requests = 0;
var events = [...];
var lastId = 5926263;
var pullInterval = 30;
 
for($i = 1; $i < 8; $i++) {
    if (events.length) {
        printEvent(events.pop(), false);
    } else {
        break;
    }
}
 
startFetcher();
 
 
 
/* pullEvents(); */
 
function updateJSON(request, json) {
	json.each(function(txt){
				events.unshift(txt);
				lastId = Math.max(lastId, txt[0]);
			  });
}
 
function printEvent(eventToAdd, highlight) {
	spanId = 'event-' + eventToAdd[0];
	new Insertion.Bottom('liveEvents', '<div class="liveEvent"id=\"' + spanId + '\">' + eventToAdd[1] + '<\/div>');
	new Insertion.Bottom('liveEvents', '');
 
	if (highlight) {
	   new Effect.Highlight(spanId, {duration: 4});
	}
	new Effect.ScrollVertical('liveEvents', { });
}
 
printer = new PeriodicalExecuter(
			function() {
				if (events.length) {
					printEvent(events.pop(), true);
				}
			},
			3);
 
function pullEvents() {
	new Ajax.Request('/liveEvents/getLast',
					 { 	asynchronous:true,
						evalScripts:false,
						method:'get',
                      	parameters:'lastEventId=' + lastId,
						onComplete:function(request, json) {
									  updateJSON(request, json)
								   }
					 }
	);
}
 
function startFetcher() {
	fetcher = new PeriodicalExecuter(
				function() {
					if(events.length < 7) {
						requests = requests + 1;
						pullEvents();
					}
					fetcher.stop();
					if (requests < 6) {
						pullInterval = pullInterval + 10;
						startFetcher();
					}
				},
				pullInterval);
}
//]]>
</script>
</div>