// JavaScript Document
$(function(){
		
		var act;
		var swit=true;
		var btns=$("#slide-menu>li>a>img");
		var slides=$(".slide-box");
		var photos=$(".slide-photo");
		
		
		//css
		$(".slide-ttl").css({
			"position":"absolute",
			"top":0,
			"left":0,
			"zIndex":2000
		})
	
		$(".slide-photo li").css({
			"position":"absolute",
			"top":0,
			"left":0
		})
				
		
		//ボタンアクションの設定		
		btns.each(function(){
			$(this).mouseover(function(){
				var src=$(this).attr("src");
				if(!src.match("_over.")){
					var oversrc=src.replace(".","_over.");
					$(this).attr("src",oversrc);
				}
			})
			
			$(this).mouseout(function(){
				var src=$(this).attr("src");
				var index=btns.index(this);
				if(index!=act){
					if(src.match("_over.")){
						var outsrc=src.replace("_over.",".");
						$(this).attr("src",outsrc);
					}
				}
			})
			
			$(this).click(function(){
				var index=btns.index(this);
				if(act!=index){
					change_slide(index);
				}
				return false;
			})
		})
		
		change_slide(0);
		
		//-----------------------------------------------------------
		
				
		//スライドの変更
		function change_slide(n){
			
			//アクティブ変更
			act=n;
			
		
			//ボタン色
			btns.each(function(){
				var src=$(this).attr("src");
				var index=btns.index(this);
				if(index!=act){
					if(src.match("_over.")){
						var outsrc=src.replace("_over.",".");
						$(this).attr("src",outsrc);
					}
				}
			});
			
			//スライドの変更
			slides.each(function(i){
				if(i==act){
					$(this).show();
				}else{
					$(this).hide();
				}
			});
			
			
			//スライドの順番
			
			var slide=slides.eq(act).find("li");
			var l=slide.length
			
			slide.each(function(i){
				$(this).css("zIndex",l-i);
				$(this).hide();
			});
			slide.eq(0).show();
			
			
			var n=0;
			var rate=0;
			
			slideshow();
			
			function slideshow(){
				if(n<l-1){
					var p1=slide.eq(n);
					var p2=slide.eq(n+1);
					n++;
				}else{
					var p1=slide.eq(n);
					var p2=slide.eq(0);
					n=0;
				}
				
				setTimeout(function(){
					p1.fadeOut(2000);
					p2.fadeIn(2000,function(){
						slideshow();
					});
				},1000);
			}
		}
	})