var theDate = new Date();
var getTimeData = theDate.getTime();
var timeParam = '#' + getTimeData;
var ajaxTimeout   = 10000;
var timer;

var browserName;
var browserVersion;

var fileXml       = '/themed/minatoyu/xml/img.xml';
var fileLoadingGif   = '/themed/minatoyu/img/index/loading.gif';
var fileCoverGif = '/themed/minatoyu/img/index/cover.gif';

var imgNum;
var imgMax;
var imgNext;
var imgFade = 3000;

var linkURL;

var flagImgStart = false;

var imgArray = new Array();
var idArray      = new Array();

$(window).bind("load",function(){

	nowLoading();

	checkBrowser();

	$.ajax({
		url: fileXml,
		type: 'GET',
		dataType: 'xml',
		cache: false,
		timeout: ajaxTimeout,
		error: function(){
			ajaxError();
		},
		success: function(xml){
			ajaxSuccess(xml);
		}
	});
});

function nowLoading() {
	$('#main').html('<div id="loading"><img src="'+ fileLoadingGif + '" width="32" height="32" alt="読み込み中"></a></div>');
	if (browserName == "msie") {
		$('#loading').show();
	} else {
		$('#loading').fadeIn(100);
	}
}

function checkBrowser() {
	jQuery.each(jQuery.browser, function(key,value) {
		if (key == "version") { 
			browserVersion = value;
		} else if (value) {
			browserName = key;
		}
	});
}

function ajaxError() {
	$('#loading').fadeOut(400,function(){
		$('#noxml').fadeIn(400);
	});
}

function ajaxSuccess(xml) {
	getImgData(xml);
	setImg();
}

function getImgData(xml) {
	$(xml).find('img').each(function(i) {
		imgArray[i]        = new Object();
		imgArray[i].id     = jQuery(this).find('id').text();
		imgArray[i].src    = jQuery(this).find('src').text();
		imgArray[i].alt    = jQuery(this).find('alt').text();
		imgArray[i].href   = jQuery(this).find('href').text();
		imgArray[i].target = jQuery(this).find('target').text();
		imgArray[i].time   = jQuery(this).find('time').text();
	});
}

function setImg() {
	$('#loading').hide().fadeOut(0,function(){
        imgMax = imgArray.length-1;
        //$('#main').prepend('<div id="cover"><a href="javascript:void(0);" target="_self" id="hrefMain"><img src="' + fileCoverGif + '" width="900" height="450" alt="" id="nocopy"></a></div>');
		$('#main').prepend('<div id="cover"><img src="' + fileCoverGif + '" width="900" height="450" alt="" id="nocopy"></div>');
        $("#cover").fadeIn(200);
        imgNum = 0;

        $(imgArray).each(function(i) {
            idArray[i] = new Object();
            idArray[i].img = "wait" + i;
            idArray[i].imgPass       = "#" + idArray[i].img;
            linkURL = imgArray[i].href;
            //$('#main').append('<div class="wait" id="' + idArray[i].img + '"><a href="'+ linkURL + '" target="' + imgArray[i].target + '"><img src="' + imgArray[i].src + '" width="950" height="450" alt="' + imgArray[i].alt + '"></a></div>');
			$('#main').append('<div class="wait" id="' + idArray[i].img + '"><img src="' + imgArray[i].src + '" width="900" height="450" alt="' + imgArray[i].alt + '"></div>');
        });

        linkURL = imgArray[imgNum].href;
        $('#hrefMain').attr("href", linkURL);
        $('#hrefMain').attr("target",imgArray[imgNum].target);
        $('#nocopy').attr("alt",imgArray[imgNum].alt);

        $(idArray[imgNum].imgPass).fadeIn(imgFade);

        showImg();
    });
}

function showImg(btnNum) {
	clearTimeout(timer);
	if(flagImgStart) {

		imgNext = imgNum+1;
		if (imgNext > imgMax) {
			imgNext = 0;
		}

		linkURL = imgArray[imgNext].href;
		$('#hrefMain').attr("href", linkURL);
		$('#hrefMain').attr("target",imgArray[imgNext].target);
		$('#nocopy').attr("alt",imgArray[imgNext].alt);

		/*===fadeout(upside)===*/
		$(idArray[imgNext].imgPass).css({'z-index':'100'}).css({'top':'0'}).show();
		$(idArray[imgNum].imgPass).css({'z-index':'200'}).css({'top':'0'}).fadeOut(1500);

		/*===fadeout(right)===*/
        //$(idArray[imgNext].imgPass).css({'z-index':'100'}).css({'left':'0'}).show();
        //$(idArray[imgNum].imgPass).css({'z-index':'200'}).css({'left':'0'}).animate({'left':'+=80'},{queue:false,duration:600}).fadeOut(400);

		if(imgNum == imgMax) {
			imgNum = 0;
		} else {
			imgNum++;
		}
	}

	flagImgStart = true;
	timer = setTimeout("showImg()", imgArray[imgNum].time)
}