function joinObjectValues(anObject, glue=", ") {
	var out = [];
	var keys = Object.keys(anObject);

	for (var i = 0; i < keys.length; i++){
		if (anObject[keys[i]] != '' && keys[i] != 'id')
			out.push(anObject[keys[i]]);
	}

	return out.join(glue);
}

function fetchandShowRelated(table, rowId, outputElementId) {
	jQuery.getJSON('https://cir.di.ionio.gr/cultura/api.php?table_name=' + table + '&includeRelated=false&id=' + rowId, function(data) {	
		
		if (table == 'image') {
			jQuery( '<img/>', {
				src: 'https://cir.di.ionio.gr/cultura/userfiles/image/' + data.record.file,
				class: 'relatedRecordFetched',
				alt: data.record.title
			}).appendTo( '#'+outputElementId );
		} else if (table == 'POI') {
			jQuery( '<img/>', {
				src: 'https://maps.googleapis.com/maps/api/staticmap?zoom=13&size=600x300&maptype=roadmap&markers=color:red%7C' + data.record.latitude + ',' + data.record.longitude + '&key=AIzaSyBXJ4JQHeKlw4qzwk9TeHd7XZlxptYSicQ',
				class: 'relatedRecordFetched gmapsStatic',
				alt: data.record.title
			}).appendTo( '#'+outputElementId );
		} else if (table == 'link') {
			jQuery( '<a/>', {
				href: data.record.url,
				class: 'relatedRecordFetched anchor',
				html: data.record.title
			}).appendTo( '#'+outputElementId );
		} else {
			jQuery( '<div/>', {
				html: joinObjectValues(data.record),
				class: 'relatedRecordFetched',
			}).appendTo( '#'+outputElementId );
		} 
		
		document.getElementById(outputElementId).removeAttribute("onclick");
/*
		else {
			jQuery( '<div/>', {
				html: data.record.title,
				class: 'relatedRecordFetched',
				alt: data.record.title
			}).appendTo( '#'+outputElementId );
		}
*/		

	});
}
function getDataFromCultura (cultura_table, cultura_rowId, cultura_outputElementId) {
	
	var translastions = {
		'title': 'τίτλος',
		'description': 'περιγραφή',
		'build_year': 'έτος κατασκευής',
		'faith': 'πίστη',
		'TypeOfOrder': 'τύπος',
		'PositionOfColumns': 'θέση στηλών',
		'LinesOfColumns': 'αριθμός στηλών',
		'BuildEra': 'εποχή κατασκευής',
	}
	
	jQuery.getJSON('https://cir.di.ionio.gr/cultura/api.php?table_name=' + cultura_table + '&id=' + cultura_rowId, function(data) {	
/////// Main record
		var items = [];
		jQuery.each(data.record, function( key, val ) {
			if (key != 'id') {
				if (val == null)
					val = '-';
				
				var translatedKey = key;
				if (typeof translastions[key] !== 'undefined') {
					translatedKey = translastions[key];
				}
				
				items.push( '<div class=\'entityAttributeGroup\'><div class=\'' + key + '\ entityAttributeTitle\'><strong>' + translatedKey + '</strong>:&nbsp</div><div class=\'' + key + ' entityAttributeValue\'>' + val + '</div></div>'  );
			}
		});
		
		jQuery( '<div/>', {
			html: items.join(''),
			class: 'recordContainer'
		}).appendTo( '#'+cultura_outputElementId );
		
		jQuery( '<h3/>', {
			html: 'Κυρίως αρχείο',
			class: 'h3Header mainRecord'
		}).prependTo( '.recordContainer' );
		
/////// Related
		var items = [];
		
		$incr = 0;
		jQuery.each(data.relatedRecords, function( key, val ) {
			var theText = '';
		
			//if (val.table == 'image' && false)
			//	theText = theText + '<img src=\'https://cir.di.ionio.gr/cultura/userfiles/image/' + val.id + '\'/>';
			//else
				theText = theText + '<span class=\'relatedRecordReference_tablePlusVol\'><strong>' + val.table + '</strong>:&nbsp;' + val.id + '</span>';
			
			var spanId = 'related_'+$incr;
			items.push( '<span id=\''+spanId+'\' class=\'relatedRecordReference\' onclick=\'fetchandShowRelated("'+val.table+'", "'+val.id+'", "'+spanId+'")\'>' + theText +  '</span>');
			$incr++;
		});
			

		jQuery( '<div/>', {
			html: items.join(''),
			class: 'relatedRecordContainer'
		}).appendTo( '#'+cultura_outputElementId );
		
		jQuery( '<h3/>', {
			html: 'Συσχετισμένα αρχεία',
			class: 'h3Header relatedRecord'
		}).prependTo( '.relatedRecordContainer' );
	});
}

jQuery('head').append('<link rel="stylesheet" href="https://cir.di.ionio.gr/cultura/api.wordpress.css" type="text/css" />');