var sortSalt = 0;
function render(post) {
	var claz = 'post'
	var thumbnail = ''
	if(post['class'] == 'photo') {
		claz = claz + ' photo'
		thumbnail = '<div class="thumbnail"><a class="thumbnail" href="'+post.link+'"><img class="thumbnail" src="'+post.thumbnail+'"></a></div>'
	}
	var title = '<div class="title">'+post.title+'</div>'
	var subtitle = '<div class="subtitle">via '+post.source+' @ <a href="'+post.link+'" class="date">'+post.date+'</a></div>'
	var timestamp = '<div class="timestamp">'+post.timestamp+' '+sortSalt+'</div>'
	sortSalt = sortSalt + 1;
	return '<div class="'+claz+'">' + title + thumbnail + subtitle + timestamp + '</div>'
}
function fetch(endpoint, action) {
    $.ajax({
        url: '/cgi-bin/' + endpoint,
        type: 'GET',
        datatype: 'json',
        error: function(e,xhr) {
            alert( xhr.statusText )
        },
        success: function(r,status) {
            r = eval('(' + r + ')')
            $.each(r, action)
        }
    })
}
function insertPost(post, colId, limit) {
	$('#' + colId + ' div.post').each(function(ix) {
		childTimestamp = $(this).find('div.timestamp').text()
		if(post.timestamp > childTimestamp) {
			$(this).before(render(post))
			return false
		}
	})
	$('#' + colId + ' div.post').slice(limit,-1).remove()
}
function fetchInto(endpoint, column, limit) {
	fetch(endpoint, function(ix, post) {
		insertPost(post, column, limit)
	})
}
function album(artist,title,date,id,col) {
    var artistUrl = 'http://www.jamendo.com/en/artist/' + artist.replace(/ /g,'_')
    var albumUrl = 'http://www.jamendo.com/en/album/' + id
    var thumbUrl = 'http://imgjam.com/albums/s' + id.substring(0,2) + '/' + id + '/covers/1.200.jpg'
    var thumbId = 'album' + id
    var playId = 'play' + id
    var titleDiv = '<div class="title"><a href="'+artistUrl+'">'+artist+'</a> - <a href="'+albumUrl+'">'+title+'</a></div>'
    var playButton = '<div class="playButton"><a id="'+playId+'">Stream or download for free</a></div>'
    var thumbDiv = '<div class="thumbnail" id="'+thumbId+'"><a href="'+albumUrl+'"><img class="thumbnail" src="'+thumbUrl+'"></a>'+playButton+'</div>'
    var subtitleDiv = '<div class="subtitle">via jamendo @ <a href="'+albumUrl+'">'+date+'</a></div></div>'
    var timestamp = '<div class="timestamp">'+date+' '+sortSalt+'</div>'
    sortSalt = sortSalt + 1;
    var jamendoWidget = '<div style="text-align:center;"><object width="200" height="300" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" align="middle"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://widgets.jamendo.com/en/album/?album_id='+id+'&playertype=2008&refuid=890519" /><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><embed src="http://widgets.jamendo.com/en/album/?album_id='+id+'&playertype=2008&refuid=890519" quality="high" wmode="transparent" bgcolor="#FFFFFF" width="200" height="300" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">&nbsp;</embed>&nbsp;</object><a href="http://pro.jamendo.com/" style="display:block;font-size:8px !important;">Free music for professional licensing</a></div>'
    $('#'+col).append('<div class="post">' + titleDiv + thumbDiv + subtitleDiv + timestamp + '</div>')
    $('#'+playId).click(function() {
        $('#'+thumbId).html(jamendoWidget)
    })
}
var mottos = [
	'my posts. your precious time.',
	'really? joe futrelle? really?',
	'person.',
	'or someone eerily like him.',
	'if you really must know.',
	'i do it all for the love.',
	'my posts. your destiny.'
]
function motto() {
    var m = mottos[Math.floor(Math.random()*7)]
    document.title = 'joe futrelle: '+m
	$('#motto').html(m)
}