Event.observe(window, 'load', menuShoppingList, false);


function menuShoppingList () {
	var dateTime = 20100228;
	var filename = "http://www.midnightinaperfectworld.net/xml_data/shopping_log_list.xml";
	var url = filename += "?date=" + dateTime;
	var http = new JKL.ParseXML( url );
	var data = http.parse();
	var contentsData = "";
	var contentsLoopCount = 4;//表示させたい件数を代入
	var contentsLoopCount = contentsLoopCount - 1;
	
	for (i=0;i<=contentsLoopCount; i++){
		if (i == 0) {
			contentsData += "<dl>"
		}
			var contentsTitle = data.contents.item[i].title.replace(/'/g,"&rsquo;");
			contentsData += "<dt>" + data.contents.item[i].pubDate + "</dt>"
			contentsData += "<dd class\=\'itemImg\'>"
			contentsData += "<a href='" + data.contents.item[i].url + "'>"
			contentsData += "<img src=\'" + data.contents.item[i].image.url + "\' alt=\'" + contentsTitle + "へのリンク\' title\=\'" + contentsTitle + "' width\='" + data.contents.item[i].image.width + "' height\='" + data.contents.item[i].image.height + "\' />"
			contentsData += "</a>"
			contentsData += "</dd>"
			contentsData += "<dd>[" + data.contents.item[i].category + "]</dd>"
			contentsData += "<dd>" + data.contents.item[i].title + "</dd>"
		if (i == contentsLoopCount) {
			contentsData += "</dl>"
			contentsData += "<p><a href=\"http://www.midnightinaperfectworld.net/shopping/2010/02/\" title=\"買ったものの記録をもっと見る\">more</a></p>"
		}
	}
	
	$('shoppingList').innerHTML = contentsData;
}