/*
そのうち使いやすいようにします...
*/
(function($){
	$.fn.MensBigiSlider = function(){
		var loopFlag = true; // 
		var topCount  = 0;     // 
		var loopTime  = 2500;  // 
		var loopId;            // 
		var panelAreaWidth = 960; //
		var panelCount = $('.panel').length; //
		var mainLeft = 0; //
		
		/* 要素を変数に */
		var $main           = $("#main-photo-slider"); //
		var $panelContainer = $("#main-photo-slider div:first-child"); //
		var $panel          = $(".panel"); //
		
		var $thumb          = $("#sliderBrand li"); //
		
		/* CSS */
		var mainPhotoSliderCss = {
			"overflow":"hidden",
			"position": "relative",
			"width": panelAreaWidth
		};
		var panelContainerCss  = {
			"width": panelCount * panelAreaWidth,
			"position": "relative"
		};
		var panelCss = {
			"float": "left",
			"height": "100%",
			"position": "relative",
			"width": panelAreaWidth +"px"
		};

		$main.css(mainPhotoSliderCss);
		$panelContainer.css(panelContainerCss);
		$panel.css(panelCss);

		/* スライド処理 */
		var loopEvent = function(){
			mainLeft = mainLeft - panelAreaWidth;
			if(topCount == panelCount - 1){
				$panelContainer.animate({"left": 0},400,null,loopEnd);
			}else{
				$panelContainer.animate({"left": mainLeft},400,null,slideEnd);
			}
			topCount++;
		}
		
		/*  */
		var loopEnd = function(){
			topCount = 0;
			mainLeft = 0;
			loopFlag = false;
			clearInterval(loopId); 
		}
		
		/*  */
		var slideEnd = function(){
		}

		/* マウスイベント登録 */
		$thumb.mouseover(function(){
		
			clearInterval(loopId);
			$this = $(this);
			topCount  = $this.index();
			mainLeft = -(panelAreaWidth * ($this.index()));
			$panelContainer.animate({"left": mainLeft},80);
			
		}).mouseout(function(){
			if(loopFlag) loopId = setInterval(loopEvent,loopTime);
		});
		
		/* スライド開始 */
		loopId = setInterval(loopEvent,loopTime);
	}

	$().ready(function(){
		$().MensBigiSlider();
	})

})(jQuery);