var showTime = 4000; //表示継続時間
var fadeSpeed = 300; //フェードイン・フェードアウトの速さ

var zindex = 5000;
var total = 0;
var count = 1;
var hov_count = 0;
var indexnum = 0;
var flag1 = true;
var flag2 = true;
var flag3 = true;

$(function(){

	timer = 0;
	
	$.ajax( {
		type : 'GET',
    url : '/mainvisual/data.xml',
    cache : false,
    dataType : 'xml',
		success: function(xml){
			i = 0;
			total = $(xml).find('link').length;
			$(xml).find('link').each(function(){
				var _href = $(this).attr('href');
				var _src = $(this).attr('src');
				var _thumbsrc = $(this).attr('thumbsrc');
				if(i == 0){style='';}else{style=' style="display:none;"';}
				j=i+1;
				$('#slideshow').append('<li class="n'+j+'" '+style+'><a href="'+_href+'" target="_blank"><img src="/mainvisual/'+_src+'" alt="" width="900" height="288" /></a></li>');
				k=(total-i-1)*48+14;
				$('#slideshow_thumb').append('<li class="n'+i+'" style="right:'+k+'px"><img src="/mainvisual/'+_thumbsrc+'" alt="" width="41" height="41" /><span class="bdr"></span><span class="bk"></span><a href="'+_href+'" target="_blank"></a></li>');
				i++;
			});
			
			$('.mainvis .current').show().css('right',(total-1)*(48)+15+'px');
			$('.mainvis .current a').attr('href',	$('#slideshow_thumb li:eq(0) a').attr('href'));
			$('#slideshow_thumb li a').hover(function(){
				if(flag1&&flag2){
					$this = $(this);
					var t = setTimeout(function() {
						flag1 = false;
						clearInterval(timer);
						hov_count = $this.parent().attr('class').replace(/n([0-9]+)/,'$1');
						hov_count = parseInt(hov_count);
						indexnum = $('#slideshow li').index($('#slideshow li.n'+(hov_count+1)))+1;
						$('#slideshow li:eq(0)').fadeOut(fadeSpeed,function(){
							if(indexnum>1){
								for (x=1;x<indexnum;x++){
									$('#slideshow li:eq(0)').appendTo('#slideshow');
								}
							}
							flag1=true;
							timer = setInterval('autoPlay()',showTime);
						});
						$('#slideshow li.n'+(hov_count+1)).fadeIn(fadeSpeed);
						$('.mainvis .current').animate({right:(total-hov_count%total-1)*48+15+'px'},fadeSpeed);
						$('.mainvis .current a').attr('href',$this.attr('href'));
						count=hov_count+1;
					}, 100);
					$(this).data('timeout', t);
				}
			},function() {
				clearTimeout($(this).data('timeout'));
			});
			$('.mainvis .current a').hover(function(){
				flag3 = false;
			},function() {
				flag3 = true;
			});
			
		}
	
	});
																										
	timer = setInterval('autoPlay()',showTime);
	
});

function autoPlay(){
	if(flag1&&flag3){
		flag2=false;
		$cur = $('#slideshow li:eq(0)');
		$next = $('#slideshow li:eq(1)');
		$cur.fadeOut(fadeSpeed,function(){$cur.appendTo('#slideshow');flag2=true;});
		$next.fadeIn(fadeSpeed);
		$('.mainvis .current').animate({right:(total-count%total-1)*48+15+'px'},fadeSpeed);
		$('.mainvis .current a').attr('href',$('#slideshow_thumb li:eq('+count%total+') a').attr('href'));
	
		$('#slideshow li:last').css('z-index',zindex)
		count++;
		zindex--;
	}
}