jQuery(document).ready(function($) {
	
	$('.btnLDummy').hide();
	$('.btnRDummy').hide();
	$('.b01Dummy').hide();
	$('.b02Dummy').hide();
	$('.b03Dummy').hide();
	$('.b04Dummy').hide();
	
	currentPos = 1;
	imgChangeSpeed = 10000;	//自動スクロール秒数
	
	position_x = new Array('0', '913', '1826', '2738', '3752', '4665', '5578', '6501', '7414', '-6501', '-5578', '-4665', '-3752', '-2738', '-1826', '-913');		//x座標
	visible = new Array('visible', 'visible', 'visible', 'visible', 'visible', 'hidden', 'hidden', 'hidden', 'hidden', 'hidden', 'hidden', 'hidden', 'visible', 'visible', 'visible', 'visible');	//表示・非表示
	centerImg = new Array('centerImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg', 'subImg');	//中央に表示中の画像

	//ロールオーバー
	var postfix = '_on';
	$('.over').not('[src*="'+ postfix +'."]').each(function() {

		var img = $(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		img.hover(
			function() {
				img.attr('src', src_on);
			},
			function() {
				img.attr('src', src);
				currentBtn();
			}
		);
	});

	//ボタン初期
	var src = $('.b01').find('img').attr('src');
	var src_on = src.substr(0, src.lastIndexOf('.'))
				   + '_on'
				   + src.substring(src.lastIndexOf('.'));
	$('.b01').find('img').attr('src', src_on);
	$('.b01Dummy').find('img').attr('src', src_on);

	//初期位置
	$('.s01').css({'left': position_x[0]+'px'});
	$('.s02').css({'left': position_x[1]+'px'});
	$('.s03').css({'left': position_x[2]+'px'});
	$('.s04').css({'left': position_x[3]+'px'});
	$('.s05').css({'left': position_x[4]+'px'});
	$('.s06').css({'left': position_x[5]+'px'});
	$('.s07').css({'left': position_x[6]+'px'});
	$('.s08').css({'left': position_x[7]+'px'});
	$('.s09').css({'left': position_x[8]+'px'});
	$('.s10').css({'left': position_x[9]+'px'});
	$('.s11').css({'left': position_x[10]+'px'});
	$('.s12').css({'left': position_x[11]+'px'});
	$('.s13').css({'left': position_x[12]+'px'});
	$('.s14').css({'left': position_x[13]+'px'});
	$('.s15').css({'left': position_x[14]+'px'});
	$('.s16').css({'left': position_x[15]+'px'});
	
	$('.s01').css({'visibility': visible[0]});
	$('.s02').css({'visibility': visible[1]});
	$('.s03').css({'visibility': visible[2]});
	$('.s04').css({'visibility': visible[3]});
	$('.s05').css({'visibility': visible[4]});
	$('.s06').css({'visibility': visible[5]});
	$('.s07').css({'visibility': visible[6]});
	$('.s08').css({'visibility': visible[7]});
	$('.s09').css({'visibility': visible[8]});
	$('.s10').css({'visibility': visible[9]});
	$('.s11').css({'visibility': visible[10]});
	$('.s12').css({'visibility': visible[11]});	
	$('.s13').css({'visibility': visible[12]});
	$('.s14').css({'visibility': visible[13]});
	$('.s15').css({'visibility': visible[14]});
	$('.s16').css({'visibility': visible[15]});
	
	$('.s01').addClass(centerImg[0]);
	$('.s02').addClass(centerImg[1]);
	$('.s03').addClass(centerImg[2]);
	$('.s04').addClass(centerImg[3]);
	$('.s05').addClass(centerImg[4]);
	$('.s06').addClass(centerImg[5]);
	$('.s07').addClass(centerImg[6]);
	$('.s08').addClass(centerImg[7]);
	$('.s09').addClass(centerImg[8]);
	$('.s10').addClass(centerImg[9]);
	$('.s11').addClass(centerImg[10]);
	$('.s12').addClass(centerImg[11]);	
	$('.s13').addClass(centerImg[12]);
	$('.s14').addClass(centerImg[13]);
	$('.s15').addClass(centerImg[14]);
	$('.s16').addClass(centerImg[15]);
	
	//右ボタンがクリックされたら
	$('.btnR').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)
		
		if (currentPos<4) {
			currentPos = currentPos+1;
		}
		else {
			currentPos = 1;
		}
		
		var x = position_x.pop();
		position_x.unshift(x);
		
		var y = visible.pop();
		visible.unshift(y);
		
		var z = centerImg.pop();
		centerImg.unshift(z);
		
		slidePhoto();
		currentBtn();

		dummyBtn();
		setTimeout(rewriteBtn,1500)

	});
	
	//左ボタンがクリックされたら
	$('.btnL').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)

		if (currentPos != 1) {
			currentPos = currentPos-1;
		}
		else {
			currentPos = 4;
		}

		var x = position_x.shift();
		position_x.push(x);
		
		var y = visible.shift();
		visible.push(y);
		
		var z = centerImg.shift();
		centerImg.push(z);
		
		slidePhoto();
		currentBtn();

		dummyBtn();
		setTimeout(rewriteBtn,1500)

	});

	//1ボタンがクリックされたら
	$('.b01').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)
		
		currentPos = currentPos-1;
		positionPhoto();

		currentPos = 1;
		slidePhoto();
		currentBtn();
		
		dummyBtn();
		setTimeout(rewriteBtn,1500)
	});

	//2ボタンがクリックされたら
	$('.b02').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)
		
		currentPos = currentPos-2;
		positionPhoto();

		currentPos = 2;
		slidePhoto();
		currentBtn();

		dummyBtn();
		setTimeout(rewriteBtn,1500)
	});

	//3ボタンがクリックされたら
	$('.b03').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)
		
		currentPos = currentPos-3;
		positionPhoto();

		currentPos = 3;
		slidePhoto();
		currentBtn();

		dummyBtn();
		setTimeout(rewriteBtn,1500)
	});

	//4ボタンがクリックされたら
	$('.b04').click(function (){
		
		clearTimeout(auto);
		auto = setTimeout(autoScroll, imgChangeSpeed)
		
		currentPos = currentPos-4;
		positionPhoto();

		currentPos = 4;
		slidePhoto();
		currentBtn();

		dummyBtn();
		setTimeout(rewriteBtn,1500)
	});
	
	//中央スライド画像がクリックされたら
	$('.slidelinkArea').click(function (){
		//アンカータグがあるか
		if($('centerImg').find('a')) {
			url = $('.centerImg').find('a').attr('href');
			
			//ターゲット指定はあるか
			if('' != $('.centerImg').find('a').attr('target')) {
				target = $('.centerImg').find('a').attr('target');
			}else{
				target = '_top';
			}
		}
		window.open(url, target);
	});
	
	auto = setTimeout(autoScroll, imgChangeSpeed)

});

//写真位置取得
function positionPhoto(){
	if (currentPos > 0) {
		for (i=1;i<=currentPos;i++){
			var x = position_x.shift();
			position_x.push(x);
			var y = visible.shift();
			visible.push(y);
			var z = centerImg.shift();
			centerImg.push(z);
		}
	} else {
		currentPos = currentPos * -1;
		for (i=1;i<=currentPos;i++){
			var x = position_x.pop();
			position_x.unshift(x);
			var y = visible.pop();
			visible.unshift(y);
			var z = centerImg.pop();
			centerImg.unshift(z);
		}
	}
}

//スライドボタンのカレント設定
function currentBtn(){
	for (i=1;i<=4;i++){
		var src = $('.b0'+i).find('img').attr('src');
		var src_on = src.replace('_on', '')
		$('.b0'+i).find('img').attr('src', src_on);
		$('.b0'+i+'Dummy').find('img').attr('src', src_on);
	}
	var src = $('.b0'+currentPos).find('img').attr('src');
	var src_on = src.substr(0, src.lastIndexOf('.'))
					+ '_on'
					+ src.substring(src.lastIndexOf('.'));
	$('.b0'+currentPos).find('img').attr('src', src_on);
	$('.b0'+currentPos+'Dummy').find('img').attr('src', src_on);
}

//写真スライド
function slidePhoto(){
	$('.s01').css({'visibility': visible[0]});
	$('.s02').css({'visibility': visible[1]});
	$('.s03').css({'visibility': visible[2]});
	$('.s04').css({'visibility': visible[3]});
	$('.s05').css({'visibility': visible[4]});
	$('.s06').css({'visibility': visible[5]});
	$('.s07').css({'visibility': visible[6]});
	$('.s08').css({'visibility': visible[7]});
	$('.s09').css({'visibility': visible[8]});
	$('.s10').css({'visibility': visible[9]});
	$('.s11').css({'visibility': visible[10]});
	$('.s12').css({'visibility': visible[11]});
	$('.s13').css({'visibility': visible[12]});
	$('.s14').css({'visibility': visible[13]});
	$('.s15').css({'visibility': visible[14]});
	$('.s16').css({'visibility': visible[15]});

	$('.s01').animate({left: position_x[0]+'px'}, 1500, 'swing');
	$('.s02').animate({left: position_x[1]+'px'}, 1500, 'swing');
	$('.s03').animate({left: position_x[2]+'px'}, 1500, 'swing');
	$('.s04').animate({left: position_x[3]+'px'}, 1500, 'swing');
	$('.s05').animate({left: position_x[4]+'px'}, 1500, 'swing');
	$('.s06').animate({left: position_x[5]+'px'}, 1500, 'swing');
	$('.s07').animate({left: position_x[6]+'px'}, 1500, 'swing');
	$('.s08').animate({left: position_x[7]+'px'}, 1500, 'swing');
	$('.s09').animate({left: position_x[8]+'px'}, 1500, 'swing');
	$('.s10').animate({left: position_x[9]+'px'}, 1500, 'swing');
	$('.s11').animate({left: position_x[10]+'px'}, 1500, 'swing');
	$('.s12').animate({left: position_x[11]+'px'}, 1500, 'swing');
	$('.s13').animate({left: position_x[12]+'px'}, 1500, 'swing');
	$('.s14').animate({left: position_x[13]+'px'}, 1500, 'swing');
	$('.s15').animate({left: position_x[14]+'px'}, 1500, 'swing');
	$('.s16').animate({left: position_x[15]+'px'}, 1500, 'swing');
	
	//クラス名、centerImg, subImgの排除
	for(i=1;i<=15;i++) {
		if($('.slider ul li').hasClass('centerImg')) {
			$('.slider ul li').removeClass('centerImg');
		}else if($('.slider ul li').hasClass('subImg')){
			$('.slider ul li').removeClass('subImg');
		}
	}
	
	//クラス名付け直し
	$('.s01').addClass(centerImg[0]);
	$('.s02').addClass(centerImg[1]);
	$('.s03').addClass(centerImg[2]);
	$('.s04').addClass(centerImg[3]);
	$('.s05').addClass(centerImg[4]);
	$('.s06').addClass(centerImg[5]);
	$('.s07').addClass(centerImg[6]);
	$('.s08').addClass(centerImg[7]);
	$('.s09').addClass(centerImg[8]);
	$('.s10').addClass(centerImg[9]);
	$('.s11').addClass(centerImg[10]);
	$('.s12').addClass(centerImg[11]);	
	$('.s13').addClass(centerImg[12]);
	$('.s14').addClass(centerImg[13]);
	$('.s15').addClass(centerImg[14]);
	$('.s16').addClass(centerImg[15]);
}

//遅延処理
function dummyBtn () {
	$('.btnR').hide();
	$('.btnL').hide();
	$('.b01').hide();
	$('.b02').hide();
	$('.b03').hide();
	$('.b04').hide();
	$('.btnLDummy').show();
	$('.btnRDummy').show();
	$('.b01Dummy').show();
	$('.b02Dummy').show();
	$('.b03Dummy').show();
	$('.b04Dummy').show();
}
function rewriteBtn () {
	$('.btnRDummy').hide();
	$('.btnLDummy').hide();
	$('.b01Dummy').hide();
	$('.b02Dummy').hide();
	$('.b03Dummy').hide();
	$('.b04Dummy').hide();
	$('.btnL').show();
	$('.btnR').show();
	$('.b01').show();
	$('.b02').show();
	$('.b03').show();
	$('.b04').show();
}

function autoScroll() {
	if (currentPos<4) {
		currentPos = currentPos+1;
	}
	else {
		currentPos = 1;
	}
	
	var x = position_x.pop();
	position_x.unshift(x);
	
	var y = visible.pop();
	visible.unshift(y);
	
	var z = centerImg.pop();
	centerImg.unshift(z);
	
	slidePhoto();
	currentBtn();

	//dummyBtn();
	auto = setTimeout(autoScroll, imgChangeSpeed)
}