var tp;
var stp;
var max;
var slideMaxNo = 4;
var nowSlideNo = 0;
var canSlide = false;
var slideClosePoint = [0,607,645,683];
var slideOpenPoint = [0,38,76,114];
var stockSlides = [];
var stockSlidePic = [];
var stockLinks = [];
var loadedCount = 0;

//10000=10秒
var changeTime = 10000;
var changeSliceTime = 5000;

$(function() {
	max = $('#pickUp .pagenation a').size();
	if(max > 1) {
		$('#pickUp .pagenation a').each(function(index) {
			$(this).click(function() {
				changeRecommend(index);
			});
		});
		changeReccomendStart(1);
	}
	/* add:100204 for slide */
	$.ajax({
		url: '/images/top/fla/config.xml',
		type: 'GET',
		dataType: 'xml',
		error: function(){
				alert("xmlファイルの読み込みに失敗しました");
		},
		success: function(xml){
			$(xml).find('book').each(function(i){	
				stockSlides.push('<p class="label"><img src="/images/top/fla/parts/label'+$(this).attr('_lb')+'.gif" width="38" alt="" /></p>');
				stockSlidePic.push('<img src="/images/top/fla/'+$(this).attr('_src')+'" class="mainimage" width="570" height="300" alt="" />');
			});
			
			loadComp();
		}
	});
	
	$.ajax({
		url: '/images/top/fla/url.xml',
		type: 'GET',
		dataType: 'xml',
		error: function(){
				alert("xmlファイルの読み込みに失敗しました");
		},
		success: function(xml){
			stockLinks[0] = '<a href="'+$('url1',xml).attr('href')+'" target="'+$('url1',xml).attr('target')+'">';
			stockLinks[1] = '<a href="'+$('url2',xml).attr('href')+'" target="'+$('url2',xml).attr('target')+'">';
			stockLinks[2] = '<a href="'+$('url3',xml).attr('href')+'" target="'+$('url3',xml).attr('target')+'">';
			stockLinks[3] = '<a href="'+$('url4',xml).attr('href')+'" target="'+$('url4',xml).attr('target')+'">';
			loadComp();
		}
	});
});

function loadComp(){
	loadedCount++;
	if(loadedCount >= 2){
		canSlide = true;
		
		var stockHTML = '';
		for(var i=0; i<stockLinks.length; i++){
			stockHTML += '<li id="slide'+ i +'">' +stockSlides[i]+stockLinks[i]+stockSlidePic[i]+'</a></li>';
		}
		
		$('#slide ul').html(stockHTML);
		
		$('#slide li .label').click(function(){
			var myNo = $(this).parent().attr('id').split('slide')[1]*1;
			if(myNo == nowSlideNo && nowSlideNo != 0){
				$('#slide li').removeClass('right');
				switchSlide(myNo-1);
				
				return false;
			}
		});
		
		$('#slide li').click(function(){
			var myNo = $(this).attr('id').split('slide')[1]*1;
			if(myNo != nowSlideNo){
				$('#slide li').removeClass('right');
				switchSlide(myNo);
				
				return false;
			}
		});
	}
	changeSlide(Math.floor(Math.random()*(slideMaxNo)));
}
function switchSlide(no) {
	for(var i=1; i<=no; i++){
		$('#slide'+i).animate({"left": slideOpenPoint[i]+"px"},{
			duration: "fast"
		});
		$('#slide'+i).addClass('right');
	}
	for(var i=no+1; i<slideMaxNo; i++){
		$('#slide'+i).animate({"left": slideClosePoint[i]+"px"},{
			duration: "fast"
		});
	}
	clearTimeout(stp);
	
	if(no + 1 >= slideMaxNo) {
		changeSlideStart(0);
	} else {
		changeSlideStart(no + 1);
	}
	
	nowSlideNo = no;
}

function changeRecommend(i) {
	var on_image = $('#pickUp .pagenation a[class*="selectedRecommend"] img[src*="_on"]').get();
	if(on_image[0].src.match(/.+_on\.(gif|jpg|jpe|jpeg|png)/)) {
		on_image[0].src = on_image[0].src.replace(/(.+)_on(\.(gif|jpg|jpe|jpeg|png))/, '$1$2');
	}
	$('#pickUp .entry').css('display', 'none');
	$('#pickUp .pagenation a').removeClass('selectedRecommend');
	
	
	$('#pickUp .entry:eq(' + i + ')').css('display', 'block');
	var image = $('#pickUp .pagenation a:eq(' + i + ') img').get();
	if(image[0].src.match(/.+\.(gif|jpg|jpe|jpeg|png)/)) {
		image[0].src = image[0].src.replace(/(.+)(\.(gif|jpg|jpe|jpeg|png))/, '$1_on$2');
	}
	$('#pickUp .pagenation a:eq(' + i + ')').addClass('selectedRecommend');
	
	clearTimeout(tp);
	
	if(i + 1 >= max) {
		changeReccomendStart(0);
	} else {
		changeReccomendStart(i + 1);
	}
}

function changeReccomendStart(i) {
	tp = setTimeout("changeRecommend(" + i + ")", changeTime);
}

function changeSlide(myNo) {
	$('#slide li').removeClass('right');
	switchSlide(myNo);
}

function changeSlideStart(i) {
	stp = setTimeout("changeSlide(" + i + ")", changeSliceTime);
}