$(document).ready(function() {
		$('.tCo').each(function(index) {
		var TBL = $(this);
		var KEY = '';
				$.getJSON('/res/json/json.get.key.html?d='+TBL.data('d'), function( data ) {
			if (data.key) {
								$.getJSON( '/res/json/json.ban.list.for.country.html?KuoMA8gZ='+data.key+'&c='+TBL.data('c')+'&d='+TBL.data('d'), function( data ) {
										TBL.html('');
					var TR = $('<tr>', {'class':'ban_row'});
					if (!data.error) {
												if (data.info) {
														TR = $('<tr>');
							TR.append($('<td>', {
												'class':'collapsing',
												'html': '<div class="ui positive message">In the coming days there are no general traffic bans for trucks.<br/>Check if there are no partial traffic bans by reviewing detailed country informations.</div>'
												}));
							TBL.append(TR);
						} else {
														$.each( data, function( key, val ) {
																TR = $('<tr>');
																TR.append($('<td>', {'class':'collapsing', 'html': '<i class="'+val.fl+' flag"></i>'}));
								TR.append($('<td>', {'html': val.bd}));
								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="right arrow icon"></i></div></a>'}));
								TBL.append(TR);
							});
						}
					}
				});
			}
		});
	});
});