ARTIST

Whelan and Di Scala

$(document).ready(function() {
                    
                        $.getJSON("http://api.songkick.com/api/3.0/events.json?apikey=ky7OqxjeiZQD46LD&artist_name=Whelan+and+Di+Scala&jsoncallback=?", function(json){
                            
                            //alert(serialize(json.resultsPage.results));
                            
                            if(json.resultsPage.totalEntries > 0) {
                                if($('#artist-info .big-panel').size() == 0) {
                                    $('<div>')
                                        .attr('class', 'big-panel')
                                        .css('margin-bottom', '20px')
                                        .css('margin-left', '-10px')
                                        .appendTo('#artist-info');
                                    $('<div>')
                                        .attr('class', 'content dark')
                                        .css('padding', '30px 30px 0 30px')
                                        .appendTo('#artist-info div');

$('#artist-info .big-panel').append($('<div>').attr('class', 'closer'));
                                }

$('<div>')
                                    .html('<h3><b>Upcoming</b> Events</h3>')
                                    .attr('class', 'events')
                                    .css('float', 'right')
                                    .css('width', '200px')
                                    .appendTo('#artist-info .content');
                                
                                c = 1;
                                limit = 4;
                                for ( var i in json.resultsPage.results.event )
                                {
                                    var displayName = json.resultsPage.results.event[i].displayName;
                                    var uri = json.resultsPage.results.event[i].uri;
                                    var date = json.resultsPage.results.event[i].start.date;
                                    var location = json.resultsPage.results.event[i].location.city;
                                    $('<span>')
                                        .html('<span style="width:75px; height:20px; overflow:hidden; display:inline-block;">' + date + '</span><a title="' + displayName + '" target="_blank" style="text-align:right; width:125px; height:20px; overflow:hidden; display:inline-block;" href="' + uri + '">' + displayName + '</a><span class="right">' + location +'</span><div class="clear"></div>')
                                        .appendTo('#artist-info .content .events');
                                    
                                    if(c++ >= limit) {
                                        /*
                                        $('<span>')
                                            .html('<a target="_blank" style="text-align:right; width:200px; height:20px; overflow:hidden; display:inline-block;" href="' + uri + '">+ and ' + (json.resultsPage.results.event.length - limit) + ' more</a>')
                                            .appendTo('#artist-info .content .events');
                                        */
                                        break;
                                    }
                                }
                            }
                        });

$.getJSON('http://lastfm-api-ext.appspot.com/2.0/?method=artist.getinfo&artist=Whelan+and+Di+Scala&api_key=de4ad6a797453871f34df4b8bafdb447&outtype=js&callback=?', function(json) {
                            //alert(serialize(json.similar));

if (json.bio.summary) {
                                if($('#artist-info .big-panel').size() == 0) {
                                    $('<div>')
                                        .attr('class', 'big-panel')
                                        .css('margin-bottom', '20px')
                                        .css('margin-left', '-10px')
                                        .appendTo('#artist-info');
                                    $('<div>')
                                        .attr('class', 'content dark')
                                        .css('padding', '30px 30px 0 30px')
                                        .appendTo('#artist-info div');

$('#artist-info .big-panel').append($('<div>').attr('class', 'closer'));
                                }

$('<img>')
                                    .attr('src', json.image_large)
                                    .css('float', 'left')
                                    .css('width', '126px')
                                    .css('margin-right', '10px')
                                    .css('margin-bottom', '10px')
                                    .appendTo('#artist-info .content');
                                $('<div>')
                                    .css('float', 'left')
                                    .attr('class', 'presentation')
                                    .css('width', '530px')
                                    .css('margin-right', '20px')
                                    .css('margin-top', '0')
                                    .appendTo('#artist-info .content');
                                $('<p>')
                                    .html(json.bio.summary)
                                    .appendTo('#artist-info .content .presentation');
                                $('<a>')
                                    .html('» Read more at Last.fm')
                                    .attr('class', 'serif dark')
                                    .css('margin', '10px 0')
                                    .css('display', 'block')
                                    .attr('href', json.url)
                                    .appendTo('#artist-info .content .presentation');

if(json.similar.length > 0) {
                                    $('<div>')
                                        .attr('class', 'similar')
                                        .css('clear', 'both')
                                        .appendTo('#artist-info .content');
                                    $('<span>')
                                        .html('Similar artists:')
                                        .appendTo('#artist-info .content .similar');
                                    for ( var i in json.similar )
                                    {
                                        var name = json.similar[i].name;
                                        name = name.replace(/\&/gi, '%FF');
                                        name = name.replace(/\//gi, '%FE');
                                        name = name.replace(/\./gi, '');
                                        $('<a>')
                                            .html(json.similar[i].name)
                                            .attr('class', 'dark')
                                            .css('margin-left', '7px')
                                            .attr('href', '/artist/byname/' + name)
                                            .appendTo('#artist-info .content .similar');
                                    }
                                }

$('<div>')
                                    .css('clear', 'both')
                                    .css('height', '10px')
                                    .appendTo('#artist-info .content');

$('#artist-info a').attr('target', '_blank');
                                    
                                $('#artist-info').hide();
                                
                                setTimeout(function() {
                                    $('#artist-info').slideDown(500);
                                }, 200);
                                
                            }
                        });

});

Loading graph...

Listen to this artist in the following 5 mixes: