// メインビジュアル


//---ROTATION (index)
(function($){
	$(document).ready(function() {
		var currentNum = 0;
		//var currentNextNum = currentNum + 1;
		var currentNextNum = 0;
		var changeTimer;
		var changeTimerAmount = 8000;
		var mainImgArray = $("#idx_mainimg_img .inner div img");
		var mainArray = $("#idx_mainimg_img .inner div");
		var thumArray = $("#idx_mainimg_list a");
		var thumImgArray = $("#idx_mainimg_list a img");
		var thumImgNormalArray =  new Array();
		var thumImgCurrentArray = new Array();
		var timerflag = true;
		
		//--- INIT IMAGES
		function initImages() {
			for(i =0; i < thumImgArray.length; i ++){
				
				//-normal src
				thumImgNormalArray[i] = thumImgArray[i].src;
				
				//-current src
//				var dot = thumImgArray[i].src.lastIndexOf('.');
//				thumImgCurrentArray[i] = thumImgArray[i].src.substr(0, dot) + "-on" + thumImgArray[i].src.substr(dot, 4);
			}
		}
		initImages();
		
		
		//-FIRST VIEW-
		$(mainArray[0]).css({
			"z-index" : 20
		});
//		thumImgArray[currentNum].src = thumImgCurrentArray[currentNum];
		
		//-ROTATION-
		function rotaite(getNum){
			currentNum = getNum;
			currentNextNum = currentNum + 1;
			if(currentNextNum > mainArray.length - 1){
				currentNextNum = 0;
			}
			$(mainArray).css({
				"opacity" : 1,
				"z-index" : 5
			});
			$(mainArray[currentNum]).css({
				"z-index" : 10
			});
			$(mainArray[currentNextNum]).css({
				"opacity" : 0,
				"z-index" : 15
			});
			
			$(mainArray[currentNextNum]).animate({
				"opacity" : 1
			},{
				duration: "1500", easing: "easeOutQuint"
			});
			
			
			//THUMBNAIL
			for(i = 0; i < thumImgArray.length; i ++){
				thumImgArray[i].src = thumImgNormalArray[i];
			}
			var crtTag = thumImgArray[currentNum].parentNode.parentNode;
			var crtNextTag = thumImgArray[currentNextNum].parentNode.parentNode;
			$(crtNextTag).addClass('act');
			$(crtTag).removeClass('act');
//			thumImgArray[currentNextNum].src = thumImgCurrentArray[currentNextNum];
		}
		changeTimer = setInterval(function(){
			currentNum = currentNextNum;
			rotaite(currentNum);
		},changeTimerAmount);
		
		//-STOP ROTATION-
		mainArray.mouseover(function() {
			timerflag = false;
			clearInterval(changeTimer);
		});
		mainArray.mouseout(function() {
			timerflag = true;
			changeTimer = setInterval(function(){
				rotaite(currentNextNum);
			},changeTimerAmount);
			
		});
		
		//-STOP & CHANGE ROTATION-
		thumArray.mouseover(function() {
			for(i = 0; i < thumArray.length; i ++){
				if(thumArray[i] == this){
					if(i == 0){
						i = thumArray.length
					}
					currentNum = i;
					currentNum --;
				}
			}
			rotaite(currentNum);
			timerflag = false;
			clearInterval(changeTimer);
			
			
			var removeTag;
			for(i = 0; i < thumArray.length; i ++) {
				removeTag = $(thumArray[i]).get(0).parentNode;
				$(removeTag).removeClass('act');
			}
			
			var targetTag = $(this).get(0).parentNode;
			$(targetTag).addClass('act');
			
		});
		thumArray.mouseout(function() {
			timerflag = true;
			changeTimer = setInterval(function(){
				rotaite(currentNextNum);
			},changeTimerAmount);
			
//			var targetTag2;
			
//			for(i = 0; i < thumArray.length; i ++) {
//				targetTag2 = $(thumArray[i]).get(0).parentNode;
//				$(targetTag2).removeClass('act');
//			}
//			var stayNum = currentNum + 1;
//			stayNum = (stayNum > 3) ? stayNum = 0 : stayNum;
//			targetTag2 = $(thumArray[stayNum]).get(0).parentNode;
//			$(targetTag2).addClass('act');
			//console.log(stayNum);
		});
	});
})(jQuery);