var g_banners = {};
var g_banners_count = new Array();
var g_banners_now = new Array();
var timer_id;

jQuery(
	function () {
		//魚種カテゴリ毎のバナー組の数とdiv自体を保持しておく
		var s = 0;
		s = jQuery('div.slider1').children().length;
		g_banners_count[1] = s;
		g_banners_now[1] = 0;
		if (s > 1) {
			g_banners[1] = new Array();
			jQuery('div.slider1').children().each(function(index, object) {
				g_banners[1][index] = jQuery(object);
			});
		}
		s = jQuery('div.slider2').children().length;
		g_banners_count[2] = s;
		g_banners_now[2] = 0;
		if (s > 1) {
			g_banners[2] = new Array();
			jQuery('div.slider2').children().each(function(index, object) {
				g_banners[2][index] = jQuery(object);
			});
		}
		s = jQuery('div.slider3').children().length;
		g_banners_count[3] = s;
		g_banners_now[3] = 0;
		if (s > 1) {
			g_banners[3] = new Array();
			jQuery('div.slider3').children().each(function(index, object) {
				g_banners[3][index] = jQuery(object);
			});
		}
		start_change_banner_animate();
	}
);

function start_change_banner_animate() {
	//一定間隔でバナーの表示を切り替える
	timer_id = setInterval(function(){
		if (g_banners_count[1] > 1) {
			next = g_banners_now[1]+1;
			if (g_banners_count[1]-1 < next) {
				next = 0;
			}
			change_banner(g_banners[1][g_banners_now[1]], g_banners[1][next]);
			g_banners_now[1] = next;
		}
		if (g_banners_count[2] > 1) {
			next = g_banners_now[2]+1;
			if (g_banners_count[2]-1 < next) {
				next = 0;
			}
			change_banner(g_banners[2][g_banners_now[2]], g_banners[2][next]);
			g_banners_now[2] = next;
		}
		if (g_banners_count[3] > 1) {
			next = g_banners_now[3]+1;
			if (g_banners_count[3]-1 < next) {
				next = 0;
			}
			change_banner(g_banners[3][g_banners_now[3]], g_banners[3][next]);
			g_banners_now[3] = next;
		}
	}, 5000);
}

function change_banner(banners_a, banners_b) {
	//引数aとbの表示を半透明にしつつ切り替える
	jQuery(banners_a).css({display:'block', opacity:'1'}).stop().animate(
		{opacity: 0},
		{
			duration: 1000,
			easing: "linear",
			complete: function(){
				jQuery(banners_a).css({display:'none'});
				jQuery(banners_b).css({display:'block', opacity:'0'}).stop().animate({opacity:'1'}, 1000);
			}
		}
	);
}