// JavaScript Document

$(document).ready( function() {
	$.ajax({
		type: 'GET',
		url: '/xml/highlight_xml.xml',
		dataType: 'xml',
		success: function(xml) {
			var whatsNewStr = '<table id="newsList1" class="newsList" border="0" cellspacing="0" cellpadding="0">';
			$(xml).find('news').each(function(){
				var title = $(this).attr('htitle');
				var content = $(this).attr('hcontent');
				var url = $(this).attr('linkURL');
				var target = $(this).attr('linkWin');
				var date = $(this).attr('date');
				
				whatsNewStr += '<tr><td align="left" valign="top"><div class="newsTitle"><a href="' + url + '" class="blackTextDarkGray" target="' + target + '">' + title + '</a></div>';
				whatsNewStr += '<div class="newsDate">' + date + '</div><div class="spacer_10"></div>';
				whatsNewStr += '<span class="newsSnippets">' + content + '</span> <a href="' + url + '" target="' + target + '" class="fBold">Read more...</a></td></tr>';
			});
			whatsNewStr += '</table>';

			var whatsNewStr2 = '<table id="newsList2" class="newsList" border="0" cellspacing="0" cellpadding="0">';
			$(xml).find('news').each(function(){
				var title = $(this).attr('htitle');
				var content = $(this).attr('hcontent');
				var url = $(this).attr('linkURL');
				var target = $(this).attr('linkWin');
				var date = $(this).attr('date');
				
				whatsNewStr2 += '<tr><td align="left" valign="top"><div class="newsTitle"><a href="' + url + '" class="blackTextDarkGray" target="' + target + '">' + title + '</a></div>';
				whatsNewStr2 += '<div class="newsDate">' + date + '</div><div class="spacer_10"></div>';
				whatsNewStr2 += '<span class="newsSnippets">' + content + '</span> <a href="' + url + '" target="' + target + '" class="fBold">Read more...</a></td></tr>';
			});
			whatsNewStr2 += '</table>';

			$('.newsContainer').html(whatsNewStr + whatsNewStr2);
			
			$('.newsContainer').find('#newsList2').css('top', $('.newsContainer').find('#newsList1').height() + 'px');
			
		}
	});
});