$(document).bind( "ready", function()
{
	var year = $("#year").val();
	var month = $("#month").val();
	var day = $("#day").val();
	var hour = $("#hour").val();
	$(document).dalet_playlist( { url:"http://www.omroepvenray.nl/dalet/played.php", year:year, month:month, day:day, hour:hour } );
	$("#hour").change( function(event)
	{
		var year = $("#year").val();
		var month = $("#month").val();
		var day = $("#day").val();
		var hour = $(this).val();
		$(document).dalet_playlist( { url:"http://www.omroepvenray.nl/dalet/played.php", year:year, month:month, day:day, hour:hour } );
		event.preventDefault();
	});
});

$.dalet_playlist =
({
		build : function( args )
		{
			var args = args || {};
			$.get(args.url, { nocache:new Date().getTime(), year:args.year, month:args.month, day:args.day, hour:args.hour }, $.dalet_playlist.handleResponse);
		}
		
	,	handleResponse : function( xmlData )
		{
			var daletXML = $(xmlData);
			var str = "";
			var odd = true;
			daletXML.find("item").each( function() {
				var time = $(this).find("time").text();
				var artist = $(this).find("artist").text();
				var title = $(this).find("title").text();
				str = str + '<tr class="' + (odd ? 'odd' : 'even') + '"><td>' + time + '</td><td>' + artist + '</td><td>' + title + '</td></tr>';
				odd = ! odd;
			});
			if (str == "") {
				str = "Voor dit uur is (nog) geen informatie beschikbaar.";
			} else {
				str = '<table><colgroup><col width="30"/><col width="200"/><col/></colgroup>'+str+'</table>';
			}
			$("#playlist").html(str);
		}
});

$.fn.extend
({
		dalet_playlist : $.dalet_playlist.build
});