var bannerTimer = "";
jQuery.fn.banner2 = function(targetID, xmlFile, settings) {
	var banner = jQuery(targetID);
	var defaults = {
		fade: 600,
		timeout: 6000
	}
	var settings = jQuery.extend(defaults,settings);

	banner.counter = 0;
	banner.numImages = 0;
	banner.images = [];

	banner.html("");

	banner.play = function() {
		$("#bannerlinks .highlight").removeClass("highlight");
		$("#bannerlink-idx"+banner.counter).addClass("highlight");

		$(".hide").fadeOut("slow");
		banner.html(banner.images[banner.counter]);
		$(".hide").fadeIn("slow");
		banner.counter++;

		if(banner.counter >= banner.numImages) {
			banner.counter = 0;
		}
		bannerTimer = setTimeout(banner.play, settings.timeout);
	}

    arguments.callee.setCounter = function (index) {
		banner.counter = index;
		clearTimeout(bannerTimer);
		banner.html("");
		banner.play();
    };

	// load image sources
	$.get(xmlFile, function(xml) {
		$(xml).find('image').each(function() {
			var src = $(this).attr('src');
			var alt = $(this).attr('alt');
			var url = $(this).attr('url');
			banner.images[banner.numImages] = $("<a href=\""+url+"\"><img src=\""+src+"\" border=0 alt=\""+alt+"\" class=\"hide\"></a>");
			banner.numImages++;
		});

		// Index buttons
		for(i = 0; i < banner.numImages; i++) {
			num = 1+i;
			linkhtml = "<div class=\"bannerlinkCont\"><a href=\"#\" id=\"bannerlink-idx"+i+"\" onClick=\"jQuery.fn.banner2.setCounter("+i+")\">&nbsp;&nbsp;&nbsp;"+num+"&nbsp;&nbsp;&nbsp;</a></div>";
			$("#bannerlinks").append(linkhtml);
		}		
	
		// start the show
		banner.play();
	});
}