var xmlFeed = function(){
	var mainImgObj = [];
	
//mainImg
	var imgNumber = 0;
	var imgNumberMax = 0;
	var mainImg = '';
	var imgCap ='';
	
	$.ajax({
		url: '/top-mainImg.xml',
		dataType: 'xml',
		success: function(xml){
			mainImgObjSet(xml);
			startImgFunc();
			}
	});
	var mainImgObjSet = function(xml){
		var count = 0;
		$('item',xml).each(function(){
			mainImgObj[count] = {
				title : $("title",this).text(),
				titlej : $("titlej",this).text(),
				linkUrl : $("link",this).text(),
				awardstext : $("awardstext",this).text(),
				photopass : $("photoname",this).text()
			};
			count++;
		});
		imgNumberMax = mainImgObj.length - 1;
	};
	
	var startImgFunc = function() {
		mainImg = '<a href="'+mainImgObj[imgNumber].linkUrl+'"><img src="'+mainImgObj[imgNumber].photopass+'" alt="'+mainImgObj[imgNumber].title+'" width="432" /></a>';
		imgCap ='<h2 class="title"><span class="titleEn">'+mainImgObj[imgNumber].title+'</span>'+mainImgObj[imgNumber].titlej+'</h2><p class="cap">'+mainImgObj[imgNumber].awardstext+'</p>';

		$("#fadeImg").html(mainImg).animate({opacity: 1.0}, 1000);
		$("#mainCapBody").html(imgCap).animate({opacity: 1.0}, 1000);
		
		switchIssue();
		startSlideShow();
	};
	
	var switchIssue = function () {
		if ( imgNumber < imgNumberMax ) {
			imgNumber +=  1;
		}
		else {
			imgNumber = 0;
		}
	};

	var fadeFunc = function() {
		mainImg = '<a href="'+mainImgObj[imgNumber].linkUrl+'"><img src="'+mainImgObj[imgNumber].photopass+'" alt="'+mainImgObj[imgNumber].title+'" width="432" /></a>';
		imgCap ='<h2 class="title"><span class="titleEn">'+mainImgObj[imgNumber].title+'</span>'+mainImgObj[imgNumber].titlej+'</h2><p class="cap">'+mainImgObj[imgNumber].awardstext+'</p>';
				
		$("#nowImg").html(mainImg);
		$("#fadeImg").animate({opacity: 0}, 800, function() {
			$(this).html(mainImg).css({opacity: 1});
		});
		$("#mainCapBody").animate({opacity: 0}, 500, function() {
			$("#mainCapBody").html(imgCap).animate({opacity: 1.0}, 500);
		});
			
		switchIssue();
	};
	
	var slideImageID;
	var startSlideShow = function () {
    	slideImageID = setInterval(fadeFunc, 5000);
	};

};

$(function(){
	xmlFeed();
});