$(function(){
//CT 繧ｹ繝ｩ繧､繝峨�繝輔ぉ繝ｼ繝峨〒蛻�ｊ譖ｿ繧上ｋ騾溘＆
//sT 谺｡縺ｮ繧ｹ繝ｩ繧､繝峨∪縺ｧ縺ｮ譎る俣
var cT = 500,
sT = 3000;
//index 菴慕分逶ｮ縺ｮ繧ｹ繝ｩ繧､繝峨°繧定ｨ域ｸｬ縺吶ｋ螟画焚
//$img 繧ｹ繝ｩ繧､繝峨＆縺帙ｋ螟画焚縺ｮ螳夂ｾｩ
//imgLen 螟画焚 繧ｹ繝ｩ繧､繝峨�譫壽焚繧呈�ｼ邏�
var index = 0,
$img = $('#slide').children('div'),
imgLen = $img.length;
//譛蛻昴�逕ｻ蜒丈ｻ･螟謀isplay:none縺ｫ縺吶ｋ
$img.not(':first').css('display','none');
//繧ｵ繝�繝阪う繝ｫ繧堤判蜒上�譫壽焚蛻�ｼ� imgLen �臥函謌�
for (var i=0; i');
}
//var $tN縲$('#thum li'); Jquery繧ｪ繝悶ず繧ｧ繧ｯ繝医↓螟画鋤縺怜､画焚縺ｮ螳夂ｾｩ
var $tN = $('#thum li');
//譛蛻昴�繧ｵ繝�繝阪う繝ｫ縺ｫ縺�縺代い繧ｯ繝�ぅ繝悶�繧ｯ繝ｩ繧ｹ繧剃ｻ倥￠繧�
$tN.first().addClass('active');
//繧ｵ繝�繝阪う繝ｫ縺後け繝ｪ繝�け縺輔ｌ縺溘→縺阪�蜍穂ｽ�
$tN.click(function(){
//迴ｾ蝨ｨ蜍穂ｽ應ｸｭ縺ｮ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ蜃ｦ逅�ｒ蜈ｨ縺ｦ荳ｭ豁｢
$img.stop();
//荳九〒螳夂ｾｩ縺励※縺�ｋ髢｢謨ｰ slides 縺ｮ蜍穂ｽ懊ｒ蛛懈ｭ｢縺輔○繧�
clearInterval(slides);
//繧ｯ繝ｪ繝�け縺輔ｌ縺溘し繝�繝阪う繝ｫ縺ｫ繧ｯ繝ｩ繧ｹ縲径ctive縲阪ｒ霑ｽ蜉�縲Ｔiblings()繧剃ｽｿ逕ｨ縺励※繧ｯ繝ｪ繝�け縺輔ｌ縺溘ｂ縺ｮ莉･螟悶�縺吶∋縺ｦ縺ｮ蜈�ｼ溯ｦ∫ｴ�縺九ｉ繧ｯ繝ｩ繧ｹactive繧貞炎髯､
$(this).addClass('active').siblings().removeClass('active');
//number 繧ｯ繝ｪ繝�け縺輔ｌ縺溘し繝�繝阪う繝ｫ縺ｮ逡ｪ蜿ｷ繧貞叙蠕暦ｼ郁｡ｨ遉ｺ縺輔ｌ縺ｦ縺�ｋ繧ｵ繝�繝阪う繝ｫ縺ｮ蟾ｦ縺九ｉ0,1,2,3縺ｮ鬆�分��
//$choiceImg縺ｫnumber縺ｧ蜿門ｾ励＠縺溽分蜿ｷ縺九ｉ縺昴�逡ｪ蜿ｷ縺九ｉ+1縺励◆譫壽焚逶ｮ縺ｮ繧ｹ繝ｩ繧､繝臥判蜒上ｒ莉｣蜈･
//number縺�0縺ｪ繧�1譫夂岼縲�1縺ｪ繧�2譫夂岼縺ｮ繧ｹ繝ｩ繧､繝臥判蜒上′縲�$choiceImg縺ｮ螟画焚縲阪↓蜈･繧�
var number = $(this).index()
$choiceImg = $img.eq(number);
//index縺ｫ(number) % imgLen縺ｮ菴吶ｊ繧剃ｻ｣蜈･ ...險育ｮ怜ｾ後�number縺ｨindex縺ｮ蛟､縺後☆縺ｹ縺ｦ蜷後§縺ｪ縺ｮ縺ｧ菴吶ｊ縺ｮ險育ｮ励ｒ縺吶ｋ諢丞袖荳肴�縺ｧ縺吶�
index = (number) % imgLen;
//$choiceImg莉･螟悶�縺吶∋縺ｦ縺ｮ蜈�ｼ溯ｦ∫ｴ�繧偵ヵ繧ｧ繝ｼ繝峨い繧ｦ繝医☆繧�
$choiceImg.siblings().stop().fadeOut(
'cT',
function(){
$(this).animate({'opacity': 0});
}
);
//$choiceImg繧偵ヵ繧ｧ繝ｼ繝峨う繝ｳ縺吶ｋ
$choiceImg.css({'opacity': 1}).stop().fadeIn();
//start()髢｢謨ｰ縺ｮ險倩ｿｰ繧貞ｮ溯｡鯉ｼ医せ繝ｩ繧､繝峨ｒ螳溯｡鯉ｼ�
start();
});
var $btn_next = $('#btn_next'),
$btn_prev = $('#btn_prev');
$btn_next.click(function(){
//谺｡縺ｮ繧ｹ繝ｩ繧､繝峨�蛟､繧剃ｻ｣蜈･
var next = (index +1) % imgLen;
//迴ｾ蝨ｨ繧｢繧ｯ繝�ぅ繝也憾諷九�谺｡縺ｮ繧ｵ繝�繝阪う繝ｫ繧偵け繝ｪ繝�け縺吶ｋ
$tN.eq(next).click();
});
$btn_prev.click(function(){
//蜑阪�繧ｹ繝ｩ繧､繝峨�蛟､繧剃ｻ｣蜈･
var prev = (index -1) % imgLen;
//迴ｾ蝨ｨ繧｢繧ｯ繝�ぅ繝也憾諷九�蜑阪�繧ｵ繝�繝阪う繝ｫ繧偵け繝ｪ繝�け縺吶ｋ
$tN.eq(prev).click();
});
function start(){
slides = setInterval(function(){
//谺｡縺ｮ繧ｹ繝ｩ繧､繝臥判蜒上√し繝�繝阪う繝ｫ縺ｮ逡ｪ蜿ｷ繧貞､画焚縺ｫ譬ｼ邏� %縺ｧ險育ｮ暦ｼ亥ｷｦ繧貞承縺ｧ蜑ｲ縺｣縺滉ｽ吶ｊ�峨☆繧九％縺ｨ縺ｧ譛蠕後�繧ｹ繝ｩ繧､繝峨ｒ繧ｫ繝舌�縲∵怙蠕後�繧ｹ繝ｩ繧､繝峨�蛟肱ext縺ｫ縺ｯ0縺御ｻ｣蜈･縺輔ｌ繧�
var next = (index +1) % imgLen;
//蜈ｨ縺ｦ縺ｮ繧ｵ繝�繝阪う繝ｫ縺ｮ繧ｯ繝ｩ繧ｹactive繧貞炎髯､next縺ｧ蜿門ｾ励＠縺溽分蜿ｷ縺ｮ繧ｵ繝�繝阪う繝ｫ縺ｫ繧｢繧ｯ繝�ぅ繝悶ｒ霑ｽ蜉�
$tN.removeClass('active').eq(next).addClass('active');
//迴ｾ蝨ｨ縺ｮ陦ｨ遉ｺ荳ｭ縺ｮ繧ｹ繝ｩ繧､繝峨ｒ繝輔ぉ繝ｼ繝峨い繧ｦ繝医↓縺励∵ｬ｡縺ｫ陦ｨ遉ｺ縺吶ｋ繧ｹ繝ｩ繧､繝峨ｒ繝輔ぉ繝ｼ繝峨う繝ｳ縺ｸ
$img.eq(index).stop().fadeOut(
'cT',
function(){
$(this).animate({'opacity': 0});
}
);
$img.eq(next).stop().css({'opacity': 1}).stop().fadeIn();
index = next;
},sT + cT);
};
//start()髢｢謨ｰ縺ｮ險倩ｿｰ繧貞ｮ溯｡鯉ｼ医せ繝ｩ繧､繝峨ｒ螳溯｡鯉ｼ�
start();
});