$(document).ready(function(){	
	function loadAllXML(){
		$.get("/xml/mystuff.xml",{},function(xml){
			var $mystuff = $("item", xml);
			$mystuff.each(function(index, s) {
				var href = $(this).find('href').text();
				var name = $(this).find('name').text();
				var desc = $(this).find('desc').text();
				var hue = 'hsl(' + (Math.floor(Math.random() * 360)) + ',100%,30%)';
				$('ul#mystuff').append("<li><a href='" + href + "' alt='" + name +"' style='background:"+ hue +";'>" + name + "<span>" + desc + "</span></a></li>")});
   		},"xml");
	}
	
	loadAllXML();
 });