$(function() {
	$.ajax({
		type: "GET",
		url: "imageData.xml",
		dataType: "xml",
		success: function(xmlData)
		{
			xmlDataSet = xmlData;
			browseXML();
		}
	});
});

var banners = Array();
var urls = Array();
var curr = -1;
var max = 0;
var interval = 0;

function browseXML() {
	$(xmlDataSet).find("advertiser").each( function(i){
	    var banner = $(this);
	    banners[i] = banner.find("imagePath").text();
	    $("<img>").attr("src", "/img/"+banners[i]);
	    urls[i] = banner.find("url").text();
	});
	
	max = $(xmlDataSet).find("numberOfAdvertisers").text();
	var i = $(xmlDataSet).find("imageTime").text();
	interval = i * 1000;
	
	animate();
}

function animate() {
	curr = curr+1;
	if(curr>=max)
		curr=0;
	
	var content = "";
	content = '<img src="/img/' + banners[curr] + '" border="0" width="620" height="320" />';
	
	if(urls[curr] != "")
		content = '<a href="' + urls[curr] + '">' + content + '</a>';
		
	if($('#banner_content').html() != ""){
		$('#banner_content').fadeOut(700, function(){
			$('#banner_content').html(content).fadeIn(700);
		});
	} else {
		$('#banner_content').html(content);
	}
	
	setTimeout("animate()", interval);
}