jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}
//var albumArray = new Array();
var selectedAlbum = null;
var selectedTrack = -1;
var featuredAlbum = null;
$(window).load(function(){
   init();
});
function init(){
    $(".allMusicContent").jCarouselLite({
        btnNext: "#musicDown",
        btnPrev: "#musicUp",
        mouseWheel: 'true',
        vertical: 'true',
        circular: 'true'
    });
    //set the mouse events for the all music scroll up and down buttons
    $(".allMusicScroll").each(function(){
        $(this).mouseover(function(){
            $(this).css('background-color', '#BCBC81');
        }).mouseout(function(){
            $(this).css('background-color', '#8C8C51');
        });
    });
    $("#li_" + featuredAlbum).addClass('active');
    selectAlbum(featuredAlbum);
    $('#albumDescriptionContent').jScrollPane({
        showArrows:true
    });
    //preload images
    $.preloadImages(baseUrl + '/public/images/design/music/scrollUpOver.png', baseUrl + '/public/images/design/music/scrollDownOver.png');
    $("#preloader2").fadeOut(200);
}

function selectAlbum(albumId){
    if(albumId != selectedAlbum){
        if(selectedTrack>0){
            selectedTrack = -1;
            stopPlayer();
        }
        $("#selectedAlbumTracks").hide();
        $("#preloader").show();
        $("#li_" + selectedAlbum).removeClass('active');
        $("#li_" + albumId).addClass('active');
        selectedAlbum = albumId;
        var url = baseUrl + '/music/albumdata/albumId/' + albumId;
        $.getJSON(url, function(json){
            $("#selectedAlbumName").html(json.albumName);
            $("#albumDescriptionContent").empty().append($('<p></p>').html(json.albumDescription)).jScrollPane({showArrows:true});
            var first = true;
            var id = null;
            var content = '';
            var counter = 1;
            var show = '';
            for(id in json.music){
                if(first){
                    first = false;
                    var musicId = id;
                }
                content += "<div class='track' id='track_" + id + "'>";
                content += "<div title = 'Download " + json.music[id]['name'] + " for $" + json.music[id]['price'] + "' id='trackBuyDownloadButton_" + id + "' class='trackBuyDownloadButton' onclick=\"purchase('" + id + "', 'music', 'download')\"></div>";
                if(counter < 10){
                    show = "0" + counter + ". ";
                }
                else{
                    show = counter + ". ";
                }
                content += "<div class='trackContent'>" + show + json.music[id]['name'] + "</div>";
                content += "<div id='trackSelectSongButton_" + id + "' class='trackSelectSongButton' onclick = \"selectTrack('" + id + "')\"></div>";
                content += "</div>";
                counter++;
            }
            $("#selectedAlbumTracks").html(content);
            $("#preloader").hide();
            $("#selectedAlbumTracks").show();
        });
    }
}

function selectTrack(musicId){
    if(musicId == selectedTrack){
        $("#track_" + selectedTrack).removeClass('active');
        $("#track_" + selectedTrack).addClass('track');
        selectedTrack = -1;
        stopPlayer();
    }
    else{
        if(selectedTrack>0){
    $("#track_" + selectedTrack).removeClass('active');
            $("#track_" + selectedTrack).addClass('track');
        }
    selectedTrack = musicId;
        $("#track_" + selectedTrack).removeClass('track');
    $("#track_" + selectedTrack).addClass('active');
        sendToPlayer(musicId);
    }
}