/*-------------------------------------
 グロナビ
-------------------------------------*/
$(function(){
	$(".kvBtn li a").hover(
	  function () {
		if ($(this).hasClass("on") ){
			
		}else{
			$(this).find("span").fadeOut(300);
		}
	  },
	  function () {
		$(this).find("span").fadeIn(200);
	  }
	);
});

/*-------------------------------------
 トップKV切り替え
-------------------------------------*/
$(function(){
	var config = {
		intervalMsec : 3500,
		fadeinMsec : 1000,
		fadeoutMsec : 800
	};
	var slides = new Array;
	
	$(".kvTopImg").find("img").each(function(){
		var image = $(this).attr("src");
		//var link = $(this).attr('href');
		var slide = $("<img>").attr('src', image)
							  .click(function(){
								  window.open(link);
							  });
		slides[slides.length] = slide;
	});
	
	var index = 0;
	//$(".kvTopImg").html(slides[index].clone(true));
	//$(".kvTopImg img").hide();
	
	var timerID;
	
	function changeImgMove(){
	  $(".kvTopImg > img").fadeOut(config.fadeoutMsec, function(){
		  //$(this).remove();
	  });
	  
	  index++;
	  if (index >= slides.length){
		  index = 0;
		  $(".kvBtn span").fadeIn(config.fadeinMsec);
	  }
	  
	  //var image = slides[index].clone(true);
	  var image = slides[index];
	  $(".kvTopImg").prepend(image.fadeIn(config.fadeinMsec));
	}
	
	timerID = setInterval(changeImgMove, config.intervalMsec);
	
	$(".kvBtn li").hover(
	  function () {		
		clearInterval(timerID);
		
		var i = $(".kvBtn li").index(this);
		//$(".kvTopImg img").show();
		
		//$(".kvTopImg").text(i);
		
		if(i==0){
			$("img.socialMedea").fadeIn(config.fadeinMsec);
		}else if(i==1){
			$("img.searchHistory").fadeIn(config.fadeinMsec);
		}else if(i==2){
			$("img.lifeLog").fadeIn(config.fadeinMsec);
		}
	  },
	  function () {
		timerID = setInterval(changeImgMove, config.intervalMsec);
		$("img.socialMedea, img.searchHistory, img.lifeLog").fadeOut(config.fadeoutMsec);
	  }
	);
});