/* Load whatsNew.xml and parse the links into a HTML format */

midLinksOver = new Array(); 
midLinksOver[0]="/images/home/linkBack_over.gif";
midLinksOver[1]="/images/home/linkBack.gif";


function whatsNewLoader()
{
	preLoader(midLinksOver);
}

$(window).load(whatsNewLoader);


$(document).ready(
	function()
	{
		$.get('/whatsNew/whatsNew.xml', getWhatsNew);	
	}
);

function getWhatsNew(data)
{
	var $newDiv = $('#whatsNewData'); //Container for the whats new links
	$newDiv.empty(); //Clear div
	
	
	/*HTML*/
	var html = "<ul> \n"; // HTML starts with an unordered list
	
	var $linkList; //List of newLinks from xml data
	
	//If this is on the main page, only get the first five links
	if($newDiv.hasClass('mainPage')) $linkList = $(data).find('newlink:lt(5)'); 
	else $linkList = $(data).find('newlink');
								
	
	//Get each newlink element and extract the headline, description and url. Create divs and links around those urls
	$linkList.each(
		function()
		{
			var $newLink = $(this); //current whats new link
			//Extract data
			var headline = $newLink.find('headline').text();
			var description = $newLink.find('description').text();
			var url = $newLink.find('url').text();
		
			html += '<li><a href="/whatsNew/' + url + '">'; 
			html += '<b>' + headline + '</b> ' + description + '</a></li> \n';
			
		}
	);
	html += '</ul> \n';
	html = html.replace(/\{br\}/g, '<br />'); //Replace non HTML line breaks with real line breaks
	
	$newDiv.append($(html));
	$('#whatsNewData ul li:last').addClass('bottom');
	$('#whatsNewData ul li a').hover(whatsNewOver, whatsNewOut);
	
}


function whatsNewOver()
{
	$(this).parent().addClass('hover');
}

function whatsNewOut()
{
	$(this).parent().removeClass('hover');
}

/*

<ul>
<li><a href="url.html"><b>Headline Text</b> Description text</a></li>
</ul>

*/