// JavaScript Document

			//================初期設定================================================
			var imgNum = 12;			// 画像の枚数
			var imgSize = 1000;			// 画像の横サイズ	
			var time = 4000;			// 切り替えのタイミング
			var slide_time = 2000;		// スライドタイミング
			var alpha_time = 4000;		// アルファタイミング
			
			var current = 5;    		// 現在の画像
			var next_current = current+1;// 次の画像
			var start_point = 1;		// 画像の最前列
			var end_point = 12;			// 画像の最後尾
			
			var f_mouseOver = 0;		// マウスオーバーフラグ
			
			var click_Judge = 0;		// 1がprev 2がnext
			
			//================メインメソッド================================================
			$(document).ready(function() {
				$(".item"+current).css("opacity","1");
				// 繰り返し処理
				setInterval(function(){
					// スライドコントロールメソッドを実行
					slideControl();
				},6000);
				
				// マウスオーバー感知
				$("#SlideZone").mouseover(function(){
					f_mouseOver = 1;
				});
				$("#SlideZone").mouseout(function(){
					f_mouseOver = 0;
					next_current = current+1;
					if(next_current > imgNum){
						next_current = next_current-imgNum;
						
					}
				});
				// ".next"要素のクリック感知
				$(".next").click(function(){
					if(click_Judge == 0 ){
						click_Judge = 1;
						for(var i=0;i<imgNum;++i){
							if(i != current){
								$(".item"+i).removeAttr("style");
							}
						}
						next_current = current-1;
						if(next_current < 1){
							next_current = imgNum;					
						}
						slideshow_rightslide();
					}
				});
				// ".prev"要素のクリック感知
				$(".prev").click(function(){
					if(click_Judge == 0 ){
						click_Judge = 2;
						for(var i=0;i<imgNum;++i){
							if(i != current){
								$(".item"+i).removeAttr("style");
							}
						}
						next_current = current+1;
						if(next_current > imgNum){
							next_current = next_current-imgNum;
							
						}
						slideshow_leftslide();
					}
				});
				
				// スライドコントローラー
				slideControl = function(){
					if(!f_mouseOver && click_Judge == 0){
						click_Judge = 3;
						slideshow_leftslide();
					}
				}
			});
			
			//================[←]スライドメソッド================================================
			slideshow_leftslide = function(){
				
				
				// 表示→透過処理
				$(".item"+current).animate(
				{
					opacity: 0
				},
				{
					duration: slide_time,
					queue: false
				})
				$(".item"+next_current).css("opacity","0");
				// 透過→表示処理
				$(".item"+next_current).animate(
				{
					opacity: 1
				},
				{
					duration: slide_time,
					queue: false
				})
				// スライド移動処理
				$(".item"+start_point).animate(
				{
					marginLeft : -1000
				},
				{
					duration: slide_time,
					queue: false,
					complete: function(){
						// 先頭を最後へ移動
						$(".item"+start_point).removeAttr("margin-left").insertAfter(".item"+end_point);
						// 先頭と最後の番号を切り替え
						end_point = start_point;		// 最後に先頭の番号を入れる
						start_point = start_point+1;	// 先頭の番号を次の番号にする
						if(start_point > imgNum){		// 先頭の番号が画像の枚数を超えたら最初へ戻す
							start_point = 1;
						}
						
						// 移動した際に変更したスタイルを削除
						$(".item"+current).removeAttr("style");
						$(".item"+end_point).removeAttr("style");
						
						// 表示する画像番号を切り替え
						current = start_point + 4;
						if(current > imgNum){
							current = (start_point + 4)-imgNum;								
						}
						next_current = current+1;
						if(next_current > imgNum){
							next_current = next_current-imgNum;
							
						}
						// クリック判定を初期化
						click_Judge = 0;
					}
				})
				
			}
			
			//================[→]スライドメソッド================================================
			slideshow_rightslide = function(){
				$("#SlideZone").mouseout(function(){
					f_mouseOver = 0;
				});
				
				// 表示→透過処理
				$(".item"+current).animate(
				{
					opacity: 0
				},
				{
					duration: slide_time,
					queue: false
				})
				$(".item"+next_current).css("opacity","0");
				// 透過→表示処理
				$(".item"+next_current).animate(
				{
					opacity: 1
				},
				{
					duration: alpha_time,
					queue: false
				})
				// スライド移動処理
				$(".item"+start_point).animate(
				{
					marginLeft : 1000
				},
				{
					duration: slide_time,
					queue: false,
					complete: function(){
						// 先頭を最後へ移動
						$(".item"+start_point).removeAttr("style")
						$(".item"+end_point).insertBefore(".item"+start_point);
						// 先頭と最後の番号を切り替え
						start_point = end_point;	// 最後に先頭の番号を入れる
						end_point = end_point-1;	// 先頭の番号を次の番号にする
						if(end_point < 1){			// 先頭の番号が画像の枚数を超えたら最初へ戻す
							end_point = imgNum;
						}
						
						// 移動した際に変更したスタイルを削除
						$(".item"+current).removeAttr("style");
						
						// 表示する画像番号を切り替え
						current = start_point + 4;
						if(current > imgNum){
							current = current-imgNum;								
						}
						if(click_Judge == 1 || click_Judge == 2){
							next_current = current+1;
							if(next_current > imgNum){
								next_current = next_current-imgNum;
								
							}
						}
						// クリック判定を初期化
						click_Judge = 0;
					}
				})
				
			}