$(function(){

	jQuery.fx.interval = 1;
	var cards = $('#promotionareaCenter>div>ul>li').size();//card数
	var card_w = 970;//cardのx軸
	var con_x = -524;
	var win_w = $('html').width();
	var cn = 0;//現在のcard番号
	var stoptime = 7000;
	var easing = 'easeOutSine'
	var slidetime;
	var slidespeed = 5;
	var page_n;
	
	
	$('#promotionarea').append('<ul class="pagination"></ul>');
	$('#promotionareaCenter>.container>ul>li').each(
		function(index){
			var card_x = card_w*index;
			$(this).css('left',card_x+50);
			$('#promotionarea>.pagination').append(
				$('<li></li>').append(
					$('<a rel="'+index+'" href="#"></a>').append(
						index
					)
				)
			);
			
		}
	);
	
	$('.pagination>li:eq('+cn+')').addClass("active");
	
	var pagena_w = 30*cards;
	
	$('.pagination').css('width',pagena_w+'px');
	
	$('.pagination').hide();//初期時非表示
	
	$('#promotionareaCenter>.container>ul').hide();//初期時非表示
	
	$(".pagination>li>a").click(function(){
		var activech = $(this).parent().attr("class");
		if(activech != true){
			page_n = $(this).text();
			worp(page_n)
		}
		return false;
	});
	
	function slideshow(){
		$('#promotionareaCenter>.container').css(
			'left',win_w/2,
			setTimeout(
				function(){
					var here = con_x;
					var dist = con_x - here;
					slidetime = Math.abs(dist/slidespeed)+600;
					$('#promotionareaCenter>.container').stop(true, false).animate(
						{left:con_x+'px'},
						slidetime,
						easing,
						auto
					)
				}
				,500
			)
		);
	}



	function auto(){
		autotimer = setTimeout(next,stoptime)
	}
	function next(){
		cn++;
		var here = con_x;
		if(cn<cards){
			con_x-=card_w;
		}else{
			cn = 0;
			con_x=-524;
		}
		var dist = con_x - here;
		slidetime = Math.abs(dist/slidespeed)+400;
		slide();
	}
	function worp(page_n){
		var here = con_x;
		cn = page_n;
		con_x = card_w*cn*-1-524;
		var dist = con_x - here;
		slidetime = Math.abs(dist/slidespeed)+400;
		slide();
	}
	function slide(){
		clearTimeout(autotimer);
		$('.pagination>li').removeClass('active');
		$('.pagination>li:eq('+cn+')').addClass("active");
		$('#promotionareaCenter>.container').stop(true, false).animate(
			{left:con_x},
			slidetime,
			easing,
			auto
		)
		return false;
	}
	
	
	
	$('.pagination').show();//表示
	$('#promotionareaCenter>.container>ul').show();//表示
	slideshow()
});