/**
 * @author fukushima
 */

$(function()
	{
		loadFile('xml/news_with_img.xml');
	}
	);


function showData(req){
	var xml;
	var myDate = "";
	var myText = "";
	var myImg = "";
	var myLink = "";
	var dlBox = ""; 
	xml = req.responseXML;
	var news = xml.getElementsByTagName("news");
	var date = xml.getElementsByTagName("date");
	var txt = xml.getElementsByTagName("txt");
	var link = xml.getElementsByTagName("link");
	var image = xml.getElementsByTagName("image");
	$('#newsCorpo').html("");
	for(var i=0;i < 6; i++){
		myDate = "<dt>" + date[i].firstChild.nodeValue + "</dt>";
		myLink = "<a href='" + link[i].firstChild.nodeValue + "' >";
		myText = "<dd>" + myLink + txt[i].firstChild.nodeValue + "</a>"+ "</dd>";
		myImg = "<div class='newsCorp_float'>" + myLink + "<img height='48' width='70' src='" + image[i].firstChild.nodeValue + "'　alt='" + txt[i].firstChild.nodeValue + "'　/>" + "</a></div>";
		dlBox = "<dl>" + myDate + myText + "</dl>";
		$('#newsCorpo').append("<div class='newsCorp_box'>" + myImg + dlBox + "</div>");
	}
}


function loadFile(path){
	$.ajax(
	{
		type: "GET",
		url: path,
		complete: showData
	}
	);
}