// JavaScript Document
//Guillaume Baud
//June 29th 2010
$(document).ready(function() {
		
loadInIndex();
loadInEvents();

function loadInIndex()
{

var $list = $("#eventsIndex");

$list.bind("fill", function()
	{		
		$.get("events/dates.xml", function(xmlData)
		{
			var htmlString = "";
			var count = 0;
			

			$(xmlData).find("event").each(function()
			{	
				if (count <= 2)
				{
					htmlString += "<p id='pFormat' style='font-weight: bold;' >" + $(this).find('date').text(); 
					htmlString += "<img src='images/Date.png' width='16' height='16' /></p>";
					htmlString += "<p id='pFormat' >" + $(this).find("eventName").text(); + "</p> <br />";
					count++;
				}
				
			});
			$list.append(htmlString);
							
		});
	
	});

	$list.trigger("fill");	
								   
													 

}

function loadInEvents()
{

var $list = $("#insideTest");

$list.bind("fill", function()
	{		
		$.get("events/dates.xml", function(xmlData)
		{
			var htmlString = "";
			

			$(xmlData).find("event").each(function()
			{	
				htmlString += "<div style='width: 90%; height: 100%; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; margin-left: auto; margin-right: auto;'>";
				htmlString += "<p id='pFormat' style='font-weight: bold;' >" + $(this).find('date').text(); 
				htmlString += "<img src='images/Date.png' width='16' height='16' /></p>";
				htmlString += "<p id='pFormat' >" + $(this).find("eventName").text(); + "</p>";
				htmlString += "<p id='pFormat' >" + $(this).find("description").text(); + "</p>";
				htmlString += "</div>";
			});
			$list.append(htmlString);
							
		});
	
	});

	$list.trigger("fill");	
								   
													 

}


})