$(function(){
	$("ul.thumb li").hover(function() {
			$(this).css({'z-index' : '10'}); 
			var li = $(this);
			$(this).find('div.primeiro').addClass("hover").stop()
				.animate({
					marginTop: '-100px',
					marginLeft: '-170px',
					top: '50%',
					left: '50%',
					width: '360px',
					height: '180px', 
					padding: '10px'
				}, 50, function(){
					var datas = $(this).find('input:hidden').val();
					datas = datas.split("#");
					var $crack = $("<table cellspacing=0 cellpadding=0 class='crack'></table>").hide().appendTo($(this));
					$crack.append("<tr><td>Cidade</td><td>Início</td><td>Horários</td></tr>");
					for (var j=0; j<datas.length;j++){
						var cidades = datas[j].split("|");
						$crack.append("<tr><td>"+cidades[0]+"</td><td>"+cidades[1]+"</td><td>"+cidades[2]+"</td></tr>");
					}
					$crack.find("tr").css({'background-color':'#F396A8'});
					$crack.find("tr>td").css({'padding':'2px'});
					$crack.find("tr:first").css({'background-color':'#A32638','font-weight':'bold','color':'#DADADD'});
					$crack.show();
				}); 
			} , function() {
			$(this).css({'z-index' : '0'});
			$(this).find('div.primeiro').removeClass("hover").stop()
			.css({'margin-top':'0','margin-left':'0','top':'0','left':'0','width':'170px','height':'120px','padding':'5px','border':'1px solid #eaeaea'})
			.find('table.crack').hide();
		});
});