$(function(){
	$INTERVALTIME =5500;
	$FADETIME=300;
	
	$.ajax({
		url: "/banner/banner.xml",
		type: 'GET',
		success:function(data) {
			$maxbn=0;
			$(data).find("banner").each(function() {
			$("#tbn").append('<div id="topbanner'+$maxbn+'"><a href="'+$(this).attr("urldata")+'"><img src="'+$(this).attr("src")+'"/></a></div>');
			$("#topbanner"+$maxbn).hide();
			$maxbn++;
			});
			$("#topbanner0").show();
			$i=1;
			$(data).find("mbanner").each(function() {
				$("#mini"+$i).append('<a href="'+$(this).attr("urldata")+'"><img src="'+$(this).attr("src")+'"/></a>');
				$i++;
			});
			$nowbn=0;
			
			var changeBannarImage = function ()  {
			
				clearInterval(iId);
					
				$("#topbanner"+$nowbn).fadeOut($FADETIME,function(){
						$(this).hide();
						$nowbn++;
						if($nowbn >= $maxbn){$nowbn=0;}
						nextBannarImage();
				});
			};
			
			var nextBannarImage = function ()  {
					
					$("#topbanner"+$nowbn).show();
					$("#topbanner"+$nowbn).fadeOut(0);
						 $("#topbanner"+$nowbn).fadeIn($FADETIME,function(){
						 	iId = setInterval(changeBannarImage,$INTERVALTIME);   
					});
				
			};
			
			if($maxbn>1){
			iId = setInterval(changeBannarImage,$INTERVALTIME);
			}
		}
	});
	
	
	
	

});