$("#event_list").ready(function() {
	$.post("modules/retrieve_list.php", {}, function(data) {
		var list = JSON.parse(data);
		var html = "<ul id=\"list\" style=\"list-style: none;\">";
		var length = list.length;
		var realh = 0;
		var titolo;
		var image;
		if (length > 12) {
			realh = 12*56;
			var j = 11;
			var limit = j+1;
		} else {
			realh = length*56;
			var j = length - 1;
			var limit = length;
		}
		for (var i=0;i<limit;i++) {
			if (i%2)
				var classe = "evb";
			else
				var classe = "evg";
			//html += "<li id=\""+j+"\">"+list[j].titolo+"</li>";
			if (list[j].titolo.length > 30)
				titolo = list[j].titolo.substr(0,30)+"...";
			else
				titolo = list[j].titolo;
			if (!list[j].img_src)
				image = "/immagini/scrolleventonull.gif";
			else
				image = "banner/160x80/"+list[j].img_src;
			html += "<li id=\""+j+"\" class=\"cliccabile\"><div id=\""+list[j].cod+"\" class=\""+classe+"\"><div class=\"evt_img\"><img style=\"height: 45px;\" src=\""+image+"\"></div><span class=\"title\">"+list[j].data+"</span><br /><span class=\"title\"><a class=\"scroll\" href=\"javascript:void(0);\" title=\""+list[j].completo+"\">"+titolo+"</a></span></div></li>";
			j--;
		}
		html += "</ul>";
		$("#event_list").html(html); 
		var fixed_limit = limit;
		
		$('#event_list').height(realh);		
		$("#event_list").everyTime(5000,"scroll",function(i) {
			var before = limit-1;
			if (limit >= length) {
				limit = 0;
				before = length-1;
			}
			var before_class = $("#"+before).children().attr('class');
			if (before_class == "evb")
				classe = "evg";
			else
				classe = "evb";
			
			titolo = list[limit].titolo;
			
			if (!list[limit].img_src)
				image = "/immagini/scrolleventonull.gif";
			else
				image = "banner/160x80/"+list[limit].img_src;
			var html = "<li id=\""+limit+"\" style=\"display: none;\" class=\"cliccabile\"><div id=\""+list[limit].cod+"\" class=\""+classe+"\"><div class=\"evt_img\"><img style=\"height: 45px;\" src=\""+image+"\"></div><span class=\"title\">"+list[limit].data+"</span><br /><span class=\"title\"><a class=\"scroll\" href=\"javascript:void(0);\" title=\""+list[limit].completo+"\">"+titolo+"</a></span></div></li>";
			if (limit < fixed_limit)
				var remove = limit - fixed_limit + length;
			else
				var remove = limit - fixed_limit;
			$("#"+remove).animate({ height: "toggle"},400,function() {
				$(this).remove();
				$("#"+before).before(html);
				$("#"+limit).animate({ height: "toggle"},400,function() {
					limit++;
				});
			});
		});

	});
});

$(".cliccabile").live('click',function(event,ui) {
	var where = $(this).children().attr('id');
	location.href = "evento.php?cod="+where;
});