$(function() {
    $('#preload').hide();
    $('li#a_all').click(function() {
		
		content_switch();
		$('#music ul#artists').html('');
		$('div#nav ul li#a_all').addClass('hit');
		$('#section_title').html('<h2><img src="images/ico_artists.png" alt="" /> <span>Alphanumeric Artist List</span></h2>');
		content_show('a-z');
	$('ul#a-z li').click(function() {	 
			content_switch();        
        $('#preload h1').html('<img src="images/loader.gif"  alt="Loading"  alt="loading" width="32" height="32" /><span>Loading Artist list</span>');
        preload($(this).attr('rel'));
      if($(this).attr('rel') !== 'off') {  
              $(this).attr('rel', 'off');
        $.ajax({
            type: "GET",
            url: "xml/"+jQuery.trim($(this).html())+".xml",
            dataType: "xml",
            success: function(artists) {
               $('#back_link').show();
               $('#back_link').html('<a href="javascript:void(0)" onclick="back_link(\'a-z\')"><img src="images/back_az.png" /></a>');

                $('#section_title').html('<h2><img src="images/ico_artists.png" alt="" /> <span>Select An Artist Below</span></h2>');
                preload('off');
                content_show('artists');
                $('div#nav ul li#a_all').addClass('hit');
                $(artists).find('Artist').each(function() {
                    var artist_name = $(this).attr('Name'); 
                    var artist_id = $(this).attr('ID'); 
                    $('<li></li>').html('<a href="javascript:void(0)" class="artist_link" rel="' + artist_id + '"">' + artist_name + '</a>').click(function() {
                        $('#section_title').html('<h2><img src="images/ico_artists.png" alt="" /> <span>Artist: <strong>' + artist_name + '</strong></span></h2>').hide().slideDown('slow');
                        $('#all_artists ul#albums').show();
                        $('#preload h1').html('<img src="images/loader.gif"  alt="Loading"  alt="loading" width="32" height="32" /><span>Loading album data for: <br /><i>' + artist_name + '</i></span>');
                        preload('on');
                        $.ajax({
                            type: "GET",
                            // url: "http://itms.q101.com/_shared/music/flash/GetCatalogSelectionStorefrontTracks.ashx?CatalogSelectionID=291&ArtistID=" + $(this).attr("rel") ,
                            url: "xml/bloc.xml",
                            dataType: "xml",
                            success: function(albums) {
                            preload('off');
                            content_show('albums');
                            $('section_title').show();
                            $('section_title').html('Viewing:'+ artist_name );
                            $('ul#artists').hide();
                                $(albums).find('Album').each(function() {
                                    var album_name = $(this).attr('Name');
                                    var album_url  = $(this).attr('ITMSURL');
                                    var album_art  = $(this).attr('ITMSImageURL');
                                    var tracks     = $(this).find('Track');
                                    
  
                                    $('<li class="album"></li>')
                                    .html('<img src="' + album_art + '" alt="' + album_name + '" width="75" height="75" /><a href="' + album_url + '">' + album_name + '</a><a href="' + album_url + '"><img src="images/buy_btn.png" alt="Buy This Album" /></a>')
                                    .appendTo('#music ul#albums')
                                    .hide().slideDown('slow') 
                                    $('#music ul#info').hide().fadeOut();
                                   
                                      //Show first item for albums
                                      $('<li class="track"></li>').html('<a href="'+ tracks.attr('ITMSURL') +'">' +  tracks.attr('Name') + '</a>').appendTo('#music ul#albums').hide().slideDown('slow');

                                    //Show subsequent items
                                    tracks.next().each(function() {
                                        var track_name = $(this).attr('Name');
                                        var track_url  =  $(this).attr('ITMSURL');
                                        
                                        
                                        $('<li class="track"></li>').html('<a href="' + track_url + '">' + track_name + '</a>').appendTo('#music ul#albums').hide().slideDown('slow');
                                          $('#back_link').show();
                                        $('#back_link').html('<a href="javascript:void(0)" onclick="back_link(\'artists\')"><img src="images/back.png" /></a>');
                                    }); // tracks
                                }); // /each
                            } // /albums actions
                        }); // /ajax
                    }) // /artist click
                    .appendTo('#music ul#artists').hide().slideDown('slow');
                }); // /each(
            }
        }); // /ajax
        } else {
        	 $('#section_title').html('<h2><img src="images/ico_artists.png" alt="" /> <span>Select An Artist Below</span></h2>');
             content_show('artists');
        }
    });
    });
     // /click
}); // /onload event