//jQuery

/*
============================================
jQuery利用にあたって

$(document).ready(function(){
	この中にスクリプトを書く
});
============================================

*/

$(document).ready(function(){
//------------------------------------------

/*
____________________________________________

TOPイメージフェードイン
____________________________________________

*/

function fadeandSlide(){//アニメーション用関数
tim = setInterval(function(){
						   
	switch(topIMAGEnum){
		case 0:
			$("#fadeSPACE").css('background-image','url(images/top-fade-img/tenpo4.jpg)'),
			$("#imageFADE3").fadeOut(),$("#textFADE3").fadeOut(),
			$("#imageFADE0").fadeIn(2000),		
			$("#textFADE0").fadeIn();
			break;
		case 1:
			$("#fadeSPACE").css('background-image','url(images/top-fade-img/tenpo1.jpg)'),
			$("#imageFADE0").fadeOut(),$("#textFADE0").fadeOut(),
			$("#imageFADE1").fadeIn(2000),		
			$("#textFADE1").fadeIn();
			break;
		case 2:
			$("#fadeSPACE").css('background-image','url(images/top-fade-img/20120125touen.jpg)'),
			$("#imageFADE1").fadeOut(),$("#textFADE1").fadeOut(),
			$("#imageFADE2").fadeIn(2000),			
			$("#textFADE2").fadeIn();
			break;
		case 3:
			$("#fadeSPACE").css('background-image','url(images/top-fade-img/tenpo3.jpg)'),
			$("#imageFADE2").fadeOut(),$("#textFADE2").fadeOut(),
			$("#imageFADE3").fadeIn(2000),			
			$("#textFADE3").fadeIn();
			break;
	};
	
	if(topIMAGEnum == 3)
	{
		topIMAGEnum = 0;
	}
	else
	{
		topIMAGEnum++;
	}
	
	},7000);//切替時間（10000=10秒）
};

var topIMAGEnum = 1;

$("#imageFADE0").fadeIn(),$("#textFADE0").fadeIn();//初回読み込み時フェードイン設定
fadeandSlide();//アニメーション関数実行


//$("#sakkaLIST dd:has(a)").css("padding","0px 0px 0px 0px");
$("#sakkaLIST dd:has(a)").hover(function(){
$(this).animate({opacity: 0.5},200);},
function(){$(this).stop().animate({opacity: 1},100);});

$(".topSPACE a:has(img)").hover(function(){
$(this).animate({opacity: 0.5},200);},
function(){$(this).stop().animate({opacity: 1},100);});

$("#thumdLIST img:nth-child(6n)").css("margin","0px 0px 10px 0px");	

$("#thumdLIST img").click(function(){
	var imageSRC = $(this).attr("src");
	$("#mainPHOTO").attr("src",imageSRC);
});

$("#thumdLIST img").hover(function(){
$(this).animate({opacity: 0.5},200);},
function(){$(this).stop().animate({opacity: 1},100);});

//------------------------------------------
});