$(document).ready(function() {

	var lastUpdateId = parseInt($('#what_is_happening_widget .updates ul li:first').attr('updateId'));
	var lastCacheId = false;
	var updateCacheDiv = $('#updates-cache');
	
	if(!updateCacheDiv.length) {
		
		updateCacheDiv = $('<div />');
		updateCacheDiv.attr('id','updates-cache').css('display','none');
		
		$('#what_is_happening_widget').after(updateCacheDiv);
	}

    setInterval(
        function(){
	
			$.ajax({
				url: "/updates/get_latest",
				cache: false,
				success: function(html){
											
					updateCacheDiv.html(html);
					
					var firstCacheLi = $('#updates-cache ul li:first');
					
					// Laatste id uit cache div halen
					var lastCacheId = parseInt(firstCacheLi.attr('updateId'));
					
					var updatesHeight = $('.updates').outerHeight();
					
					if(lastUpdateId != lastCacheId)
					{					
						//console.log(lastUpdateId + "!=" + lastCacheId);	
						// Er is een nieuwe lastCacheId
						firstCacheLi.hide();
						
						$('.updates').css({
							'position':'relative',
							'height': updatesHeight + 'px',
							'overflow':'hidden'
						});
						
						// Nieuwe item inserten
						$('#what_is_happening_widget .updates ul').prepend(firstCacheLi);
						
						$('.updates ul').css({
							'top':'-' + firstCacheLi.outerHeight() + 'px',
							'position':'absolute'
						});
						
						// Laatste uitfaden en removen
						$('.updates ul li:last').fadeOut(1200,function () {
							$(this).remove();
						});
						
						// Ul verplaatsen
						$('.updates ul').animate({
							'top': '0px'
						},1000,function () {
							
						});

						lastUpdateId = lastCacheId;
						
						firstCacheLi.removeAttr('style');
					}
				}
			});
        },
        4500);
});