$(document).ready(function(){
	var current =0;
	$.getJSON("x3artist.js",
		function(data){
			$.each(data.items,
			    function(i){
				    $("#archlist").append("<li><a href='/' id='" + i + "'>" + data.items[i].band + "</a></li>") 
				    $("#"+i).click(
					    function(){
					    if($(this).attr("id")!= current) fillSpace($(this).attr("id"));
					    return false
					    }
				    )
			    });
		    });
    fillSpace(0);
	function fillSpace(num){
		$.getJSON("x3artist.js",
		function(data){
			$("h1").empty().append("X3 Artist of the Month: " + data.items[num].band);
		    $("#image").empty().attr("title", "X3 Artist of the Month: " + data.items[num].band).attr("src", "image/" + data.items[num].photo);
		    $("#articles").empty();
		    $.each(data.items[num].articles, 
		    function(i){
		        $("#articles").append("<li><a href='" + data.items[num].articles[i].href + "' target='_blank'>" + data.items[num].articles[i].title + "</a></li>");
		    });
	    });
	    current = num; 
	}
});