/*-------------------------------------------------
  基本設定
-------------------------------------------------*/
var interval = 5000;	//画像遷移間隔（単位ミリ秒　1000＝1秒）


/*-------------------------------------------------
  ここから下は変更不可
-------------------------------------------------*/
var isMSIE = /*@cc_on!@*/false;
var $mainImage=null;
var num=Math.floor(Math.random()*4);
var timer;
var changing;

//Document Ready Function
$(function() {
	$mainImage=$('#main-image');
	$mainImage.find('dd ul li a').mouseover(function(){
		num=parseInt($(this).parent().attr('id').substring(1));
		changeImages();
	});
	$(window).load(changeImages);
});

function changeImages() {
	clearTimeout(timer);
	$mainImage.find('dt ul li')
	.each(function(){
		if($(this).attr('id')==('i'+num)) {
			$(this)
			.css('z-index', 10)
			.stop(true, true)
			.fadeIn(
				500
			);
		} else {
			$(this).css('z-index', 0)
			.fadeOut(500);
		}
	});
	$mainImage.find('dd ul li')
	.each(function(){
		if($(this).attr('id')!=('m'+num)) {
			$(this).find('a').stop(true, true).animate({opacity:1},500);
		} else {
			$(this).find('a').stop(true, true).animate({opacity:0},500);
		}
	});
	num += 1;
	if(num>3) num=0;
	timer=setTimeout(changeImages, interval);
}