$(function(){	
	var xmlLoaded = function (xml) {
		var cnt = 0;
		$(xml).find('banner').each(function() {
			var image = $('image', this).text();
			var title = $('title', this).text();
			var link  = $('link', this).text();

			$(document.createElement("li"))
				.html('<a href="' + link + '"><img src="' + image + '" alt="' + title + '" /></a>')
				.appendTo('#slider ul');

			++cnt;
		});

		$("#slider").easySlider({
			auto: true,
			continuous: true,
			numeric: true,
			pause: 5000
		});
		
		$("ol#controls>li").width(100/cnt + '%');
	};
	
	$.ajax({ type: "GET", url: "banner.xml", dataType: "xml", success: xmlLoaded, cache: false });
});