function cc_recenttracks_add(ncon, track, first) {
    var ntrk = document.createElement('div');
    ntrk.className = 'cctrack';

    /*	var ncov = document.createElement('div');
    ncov.className = 'cccover';
	
    var nimg = document.createElement('img');
    nimg.src = track.image;
    nimg.align = 'left';
    nimg.width = 50;
    nimg.height = 43;
	
    ncov.appendChild(nimg);
    ntrk.appendChild(ncov);
    */

    var ntit = document.createElement('span');
    ntit.className = 'cctitle' + (first ? ' ccnowplaying' : '');
    ntit.innerHTML = '"' + track.title + '"';
    ntrk.appendChild(ntit);

    var nart = document.createElement('span');
    nart.className = 'ccartist';
    nart.innerHTML = ' by ' + track.artist;

    /*	var ntest = document.createElement('div');
    ntest.innerHTML = track.pathname;
    ntrk.appendChild(ntest);
    */
    
    ntrk.appendChild(nart);
    if (track.url) {
        var npri = document.createElement('div'); npri.innerHTML = "<a class='ccbuy' href='" + track.url + "'>Buy this album</a>"
        ntrk.appendChild(npri);
    }


    ncon.appendChild(ntrk);
}

function cc_recenttracks_get_callback(tracks, selfurl) {
    var ccrte = document.getElementById('cc_recent_tracks');
    if (!ccrte) return;
    ccrte.innerHTML = '';

    var recentTrackIntroText = document.createElement('div');
    recentTrackIntroText.className = 'recentTrackIntroText';
    recentTrackIntroText.innerHTML = 'Recently played:';
    ccrte.appendChild(recentTrackIntroText);

    
    for (var i = 0; i < tracks.length; i++) {
        cc_recenttracks_add(ccrte, tracks[i], i == 0);
    }
}