/// <reference path="jquery-1.2.6-vsdoc.js" />
$(document).ready(function() { loadTracks(); });

function loadTracks()
{
    $.ajax({
        type: "POST",
        url: "davegouge.asmx/GetTracks",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg)
        {
            ShowTracks(msg.d);
        }
    }
    
    );
}

function ShowTracks(d)
{
    var tracks = "";
    for (var track in d) {
        tracks += "<div id='track'>";
        tracks += "<img src='" + d[track].ImgMedium + "'/>";
        tracks += d[track].Artist + " - " + d[track].Title;
        tracks += "</div>";
    }
    $('#tracks').removeClass('loading').append(tracks).click(function(e) { track_clicked(e); });
}
var openTrack;
var openTrackOriginalHeight;
function track_clicked(e)
{
    if (e.target.id == 'track') {
        if (openTrack != undefined) {
            $(openTrack).animate({ height: openTrackOriginalHeight }, { queue: false, duration: 1500 });
        }
        openTrack = e.target;
        openTrackOriginalHeight = e.target.offsetHeight;
        $(e.target).animate({ height: "150" }, { queue: false, duration: 1500 });
    }
}