itemsPerPage = 1;
curPos = 0;

$(function() {
	$.ajax({
		url: "./headlines.xml",
		dataType: "xml",
		success: function(xmlData)
		{
			xmlDataSet = xmlData;
			browseXML();
		}
	});
});

function browseXML()
{

	resultSetLength = $("headline",xmlDataSet).length;
	strToAppend = '<div id="headlineStories">';

	$("image:lt(" + parseInt(curPos + itemsPerPage) + ")",xmlDataSet).filter(":gt(" + parseInt(curPos - 1) + ")").each(function(i) {
		strToAppend += '<img class="headlineImg" src="images/headlines/';
		strToAppend += $(this).text() + '" />';
		strToAppend += '<p class="headlineCaption">' + $("caption:eq(" + parseInt(curPos + i) + ")",xmlDataSet).text();
		strToAppend += '<a href="research+matters/' + $("link:eq(" + parseInt(curPos + i) + ")",xmlDataSet).text() + '"> [ more ]</a>';;
	});	
	
		strToAppend += "<div id='headlineNav'>"; // Navigation through the elements to be displayed	

		if (itemsPerPage != resultSetLength)
		{
			if (curPos == 0) // First page. Go forward only.
			{
				strToAppend += "<img src='images/prev_notActive.jpg' />";
				strToAppend += "<a onclick='curPos += " + itemsPerPage + ";browseXML();return false;'><img src='images/next.jpg' /></a>";
			}
			
			if (curPos > 0 && parseInt(curPos + itemsPerPage) < resultSetLength) // Somewhere inbetween.
			{
				strToAppend += "<a onclick='curPos -= " + itemsPerPage + ";browseXML();return false;'><img src='images/prev.jpg' /></a>";
				strToAppend += "<a onclick='curPos += " + itemsPerPage + ";browseXML();return false;'><img src='images/next.jpg' /></a>";
			}
			
			if (parseInt(curPos + itemsPerPage) >= resultSetLength) // Last page. Go back only.
			{
				strToAppend += "<a onclick='curPos -= " + itemsPerPage + ";browseXML();return false;'><img src='images/prev.jpg' /></a>";
				strToAppend += "<img src='images/next_notActive.jpg' />";				
			}
		}

		strToAppend += "</div></div>";

	$("#headlines").html(strToAppend);
}