/**
 * @author fukushima
 */

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


function showData(req){
	var xml;
	var myDate = "";
	var myText = "";
	var myImg = "";
	var myLink = "";
	var divBox = ""; 
	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");
	$('#news ul').html("");
	for(var i=0;i < news.length; i++){
		myDate = "<p class='newsDay'>" + date[i].firstChild.nodeValue + "</p>";
		myLink = "<a href='" + link[i].firstChild.nodeValue + "' >";
		myText = "<p>" + myLink + txt[i].firstChild.nodeValue + "</a>"+ "</p>";
		myImg = "<p class='newsImg'>" + myLink + "<img height='52' width='62' src='" + image[i].firstChild.nodeValue + "'　alt='" + txt[i].firstChild.nodeValue + "'　/>" + "</a>";
		divBox = "<div class='newsTxt'>" + myDate + myText + "</div>";
		$('#news ul').append("<li>" + myImg + divBox + "</li>");
	}
}


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