$(document).ready(function() {
	
	var root = 'https://simakidd.de';
	var coord_info = 'https://coord.info/';

	var app       = '';
	

function request ()	{
	  console.log('REQUEST_START');

	  return $.ajax({
      type: 'GET',
      url: root+'/geocaching/_web_includes_/ajax/milestones.ajax.php',
      contentType: 'application/json',
      dataType: 'json',
      success: function(data, textStatus, request) {
        console.log('SUCCESS: '+data+'|'+textStatus);
        if(textStatus=='success') {
        	console.log(data);
        }
       else {
         alert('SUCCESS, aber Antwort NICHT OK');
        }
       },
      error: function (request, textStatus, errorThrown) {
        alert('ERROR: '+textStatus);
       }
     });
}

function insert () {
			processing = true;
			console.log('INSERT');
			var req = request();
			req.done(function (data) {
			
			//console.log('INSERT-req.responseText'+req.responseText);
			//console.log('INSERT-req.responseJSON'+req.responseJSON);
			//console.log('INSERT-req.responseJSON[0]'+req.responseJSON[0]);
			rowALL = req.responseJSON[0];

			for(i=1; i<req.responseJSON.length; i++) {
				
				app += '<tr>';
					app += '<td>';
					app += req.responseJSON[i][9];
					app += '</td>';
					app += '<td>';
					app += '<img src="'+root+'/geocaching/_web_includes_/img/gif/types/'+req.responseJSON[i][0]+'" alt="'+req.responseJSON[i][1]+'" />';
					app += '</td>';
					app += '<td>';
					app += '<a href="'+coord_info+req.responseJSON[i][2]+'" target="_blank" class="link01">'+req.responseJSON[i][2]+'</a>';
					app += '</td>';
					app += '<td class="text-left e s12">';
					app += '<a href="'+coord_info+req.responseJSON[i][3]+'" target="_blank" class="link02">'+req.responseJSON[i][4]+'</a>';
					app += '</td>';
					app += '<td>';
					app += '<img src="'+root+'/geocaching/_web_includes_/img/gif/stars/'+req.responseJSON[i][5]+'" alt="'+req.responseJSON[i][5]+'" />';
					app += '</td>';					
					app += '<td>';
					app += '<img src="'+root+'/geocaching/_web_includes_/img/gif/stars/'+req.responseJSON[i][6]+'" alt="'+req.responseJSON[i][6]+'" />';
					app += '</td>';
					app += '<td>';
					app += req.responseJSON[i][7];
					app += '</td>';
					app += '<td>';
					app += req.responseJSON[i][8];
					app += '</td>';	
				app += '</tr>';
			}
			$('tbody').append(app);
			app = '';
			processing = false;
		});
	}	


// INITIAL Load ...	
var rowCount = ($('tbody tr').length);	
if(rowCount===0)
	{
		console.log('rowCount ist ' + rowCount);
		insert();
	}

});