$(document).ready(function() {
		$('.tDe').each(function(index) {
		var TBL = $(this);
		var KEY = '';
		
		var IMPORTANT = $('<i>', {'class':'red arrow right icon tooltip', 'data-content':'must-read!'});
			IMPORTANT.popup();
		
				$.getJSON('/res/json/json.get.key.html?d='+TBL.data('d'), function( data ) {
			if (data.key) {
								$.getJSON( '/res/json/json.ban.list.for.date.html?Knb5N8mc='+data.key+'&d='+TBL.data('d'), function( data ) {
										TBL.html('');
					var TR = $('<tr>', {'class':'ban_row'});
					if (!data.error) {
												$.each( data, function( key, val ) {
														TR = $('<tr>');//, {'class':'ban_row', 'data-href':'see.traffic_ban.details.'+val.id+'.en.html'});
														TR.append($('<td>', {'class':'collapsing', 'html': '<i class="'+val.fl+' flag"></i>'}));
							TR.append($('<td>', {'html': val.fl.toUpperCase()+' <span style="color:#AAAAAA">|</span> '+val.cr}));
							TR.append($('<td>', {'class':'collapsing', 'html': val.tm}));
							if (val.al==1) {
																
								var IMPORTANT = $('<i>', {'class':'red exclamation triangle icon tooltip', 'data-content':'must-read!'});
									IMPORTANT.popup();
								
								TR.append($('<td>', {'class':'collapsing', 'html': IMPORTANT}));
							} else {
								TR.append($('<td>'));
							}
							TR.append($('<td>', {
											'class':'collapsing',
											'html': '<a class="ui inverted blue vertical animated button" '
													+'href="see.traffic_ban.details.'+val.id+'.en.html">'
													+'<div class="visible content"><i class="ellipsis horizontal icon"></i></div>'
													+'<div class="hidden content"><i class="angle double right icon"></i></div></a>'}));
							TBL.append(TR);
						});
					}
				});
			}
		});
	});
});