$(document).ready(function(){
	//アクティブにしたい値を渡す(0スタート)
	original.setEvent(0,5000);
	
});

var si;
var original = {
	init : function(def){
		$("#slider_main_img a").css("display","none");
		$("#slider_main_img a").eq(def).css("display","block");
		var s = $("#slider_items a img").eq(def).attr("src");
		$("#slider_items a img").eq(def).addClass("ro_stay").attr("src",s.replace("_n.", "_o."));
	},
	setEvent : function(def,timer){
		original.init(def);
		original.auto(timer);
		
		$("#slider_items a").hover(function () {
			clearInterval(si);
			original.animate(this);
			original.changeActive(this);
		},function () {
			clearInterval(si);
			original.auto(timer);
		});
	},
	changeActive : function(that){
		var img = $("#slider_items a img");
		img.removeClass("ro_stay");
		img.each(function(){
			var n = (this.src).replace("_o.", "_n.");
			this.src = n;
		});
		
		var t = $(that).find("img");
		var o = (t.attr("src")).replace("_n.", "_o.");
		t.attr("src",o);
		t.addClass("ro_stay");
	},
	animate : function(that){
		var spd = 500;
		var h = ($(that).attr("class")).replace("#","");
		
		var flg = $(that).find("img").hasClass("ro_stay");
		if(flg) return false;
		
		
		$("#slider_main_img a").stop(true,true).fadeOut(spd);
		$("#"+h).fadeIn(spd*1.2);
	},
	getAct : function(){
		var idx = -1
		$("#slider_items img").each(function(){
			if($(this).hasClass("ro_stay")){
				idx = $("#slider_items img").index(this);
			}
		});
		return idx;
	},
	auto : function(timer){
		si = setInterval(function(){
			$("#slider_items img").each(function(){
				$(this).attr("src",($(this).attr("src")).replace("_o.", "_n."));
			});
			
			
			var spd = 500;
			var no = original.getAct()+1;
			if(no>=3) no=0;
			
			$("#slider_main_img a").stop(true,true).fadeOut(spd);
			$("#slider_main_img a").eq(no).fadeIn(spd*1.2);
			$("#slider_items img").removeClass("ro_stay");
			$("#slider_items img").eq(no).addClass("ro_stay");
			
			var s = ($("#slider_items img").eq(no).attr("src")).replace("_n.", "_o.");
			$("#slider_items img").eq(no).attr("src",s);
		},timer);
	}
}