﻿// Your Google Maps API Key
var api_key = 'ABQIAAAANb5JuD4i3v_Isz_A_z4ipxTrwmVSgF6tOzG2piSiw3F-ORmacRQGqjoiQ55HzLvszowcXYUDT1mXwA';

function FJFriendFeed(data){
    var i, j, entry, eDate, m;
    var html = '<ul class="friendfeed">';
    var now = new Date();
    var entries = data.entries;
    for (i = 0, j = entries.length; i < j; i++) {
        entry = entries[i];
        m = entry.updated.match(/(\d*)-(\d*)-(\d*)T(\d*):(\d*):(\d*)Z/);
        eDate = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]),
                         Number(m[4]) + 9, Number(m[5]), Number(m[6]));
        html += '<li style="background-image : url(' + entry.service.iconUrl + ');">';
        html += '<span class="friendfeed-title"><a href="' + entry.link + '">' + entry.title + '</span></a><br />';
        html += '<span class="friendfeed-date">' + eDate.getFullYear() + '/' + (eDate.getMonth() + 1) + '/' + eDate.getDate() + '  ' + eDate.getHours() + ':' + eDate.getMinutes() + '</span><br>';
	if ( entry.service.id == "flickr" || entry.service.id == "picasa" ) {
		for ( k = 0, m = entry.media.length; k < m; k++) {
			var med = entry.media[k].thumbnails[0].url;
			html += '<span class="friendfeed-date"><img src="' + med + '">';
		}
		html += '</span></li>';
	}
	if ( entry.service.id == "brightkite" ) {
		var med_l = entry.media.length;
		if ( med_l > 0 ){
			var med = entry.media[0].thumbnails[0].url;
			html += '<span class="friendfeed-date"><img src="http://maps.google.com/staticmap?zoom=10&size=135x80&maptype=mobile&markers='+ entry.geo.lat +','+ entry.geo.long + '&key=' + api_key + '"> <img src="' + med + '"></span></li>';
		} else {
			html += '<span class="friendfeed-date"><img src="http://maps.google.com/staticmap?zoom=10&size=135x80&maptype=mobile&markers='+ entry.geo.lat +','+ entry.geo.long + '&key=' + api_key + '"></span></li>';
		}
	}
    }
    html += '</ul>';
    //alert(html);
    document.getElementById("ffeed").innerHTML = html;
}
