/*
 * requires:jQuery v1.8.2 later
 * name:settings.js
 * author:Manabu Kushimoto(web-park.org)
 */

jQuery(function($){

	$.fn.extend({
		// ページ内スクロール
		pageScroll:function(options){
			var defaults={
				speed:800
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			$t.on("click",function(){
				var Hash=$(this.hash);
				try{
					var HashOffset=$(Hash).offset().top;
				}catch(e){
					return false;
				}
				$("html:not(:animated),body:not(:animated)").animate({
					scrollTop: HashOffset
				},op.speed);
				return false;
			});
		},
		// ホバースライド
//		hoverSlide:function(options){
//			var defaults={
//				w:130,
//				speed:300,
//				interval:0,
//				limit:4
//			};
//			var op=$.extend(defaults,options);
//			var $t=$(this); //#top_pick_up_item .slide_block
//			var $move=$t.find(".move");
//			var $li=$move.find("li");
//			var direct={
//				prev:$('<a class="prev" href="#" />'),
//				next:$('<a class="next" href="#" />')
//			}
//			var len=$li.length;
//			var new_len=0;
//			var index=0;
//			var num={
//				last:0,
//				first:0
//			}
//			var next_index=0;
//			var autoEvent="";
//			var interval={
//				auto:"",
//				prev:"",
//				next:""
//			}
//			var bool=true;
//			var getLeft=function(target){ var v=new Number(target.css("left").replace(/^([\D])?([\d]+)px/,"$1$2")); return v; }
//			var slideEvent=function(){
//				for(var i=0;i<len;i++){
//					var left=getLeft($li.eq(i));
//					$li.eq(i).css({left:(left+index)+"px"});
//					if(left>num.last){
//						$li.eq(i).css({left:(num.first+op.w)+"px"});
//					}else if(left<num.first){
//						$li.eq(i).css({left:(num.last-op.w)+"px"});
//					}
//				}
//			}
//			autoEvent=function(){
//				index=1;
//				interval.auto=setInterval(function(){ slideEvent(); },50);
//			}
//
//			// 初期設定
//			if(op.limit<=len){ // 特定の個数がある時のみ動作
//				for(var i=0;i<op.limit;i++){
//					$li.eq(i).clone(true).appendTo($move);
//					$li.eq((len-1)-i).clone(true).prependTo($move);
//				}
//				len=len+(op.limit*2);
//				index=op.limit;
//				$li=$move.find("li");
//
//				for(var i=0;i<len;i++){ $li.eq(i).css({left:op.w*i+"px"}); }
//
//				num.last=getLeft($li.eq(len-1))+op.w;
//				num.first=-op.w;
//
//				$move.css({left:-op.limit*op.w+31+"px"});
//				$move.width(op.w*len);
//				$t.append(direct.prev,direct.next);
//
//				autoEvent();
//
//				direct.prev.on({
//					"mouseenter":function(){
//						index=1;
//						interval.prev=setInterval(function(){ slideEvent(); },10);
//					},
//					"mouseleave":function(){ clearInterval(interval.prev); },
//					"click":function(){ return false; }
//				});
//
//				direct.next.on({
//					"mouseenter":function(){
//						index=-1;
//						interval.next=setInterval(function(){ slideEvent(); },10);
//					},
//					"mouseleave":function(){ clearInterval(interval.next); index=1; },
//					"click":function(){ return false; }
//				});
//
//				$li.each(function(){
//					$(this).on({
//					"mouseover":function(){ clearInterval(interval.auto); },
//					"mouseleave":function(){ autoEvent(); },
//					});
//				});
//			}else{
//				for(var i=0;i<len;i++){ $li.eq(i).css({left:op.w*i+"px"}); }
//			}
//
//
//		},
		// スライド
		slide:function(options){
			var defaults={
				w:130,
				speed:300,
				interval:0,
				limit:4,
				loop:true,
				type:""
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $move=$t.find(".move");
			var $li=$move.find("li");
			var direct={
				prev:$('<a class="prev" href="#" />'),
				next:$('<a class="next" href="#" />')
			}
			var len=$li.length;
			var new_len=0;
			var index=0;
			var left=len*op.w;
			var next_index=0;
			var autoEvent="";
			var autoInterval=""
			var bool=true;
			// 矢印表示非表示
			var arrowDisplay=function(){
				if(index==0){
					direct.prev.hide();
					direct.next.show();
				}else if(index==Math.floor((len-1)/op.limit)){
					direct.prev.show();
					direct.next.hide();
				}else{
					direct.prev.show();
					direct.next.show();
				}
			}
			// スライドイベント
			var slideEvent=function(){
				$move.stop(true,false).animate({
					left:-op.w*index+"px"
				},op.speed,function(){
					bool=true;
					if(op.loop){
						if(index==0){
							$(this).css({left:-(len-(op.limit*2))*op.w+"px"});
							index=len-(op.limit*2);
						}
						if(index==(len-op.limit)){
							$(this).css({left:-op.limit*op.w+"px"});
							index=op.limit;
						}
					}else{
						arrowDisplay();
					}
				});
			};
			// 自動切り替え
			autoEvent=function(){
				if(op.interval){
					autoInterval=setTimeout(function(){
						index=(index==len-op.limit)?0:index+1;
						slideEvent();
						autoEvent();
					},op.interval);
				}
			};

			// 初期設定
			if(op.limit<=len){
				if(op.loop){
					for(var i=0;i<op.limit;i++){
						$li.eq(i).clone(true).appendTo($move);
						$li.eq((len-1)-i).clone(true).prependTo($move);
					}
					len=len+(op.limit*2);
					index=op.limit;
					$move.css({left:-op.limit*op.w+"px"});
				}else{
					arrowDisplay();
				}
				$move.width(op.w*len);
				$t.append(direct.prev,direct.next);
				autoEvent();
			}

			// 前へクリック
			direct.prev.click(function(){
				if(bool){
					bool=false;
					index=index-1;
					clearTimeout(autoInterval);
					slideEvent();
					autoEvent();
				}
				return false;
			});

			// 次へクリック
			direct.next.click(function(){
				if(bool){
					bool=false;
					index=index+1;
					clearTimeout(autoInterval);
					slideEvent();
					autoEvent();
				}
				return false;
			});
		},
		// タブスライド切り替え
		tabSlide:function(options){
			var defaults={
				w:100,
				speed:300
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $move=$t.find(".move");
			var $ol=$move.find("ol");
			var $nav=$(this).find(".nav");
			var $li=$nav.find("li");
			var len=$ol.length;
			var index=0;
			// タブイベント
			var tabEvent=function(){
				$li.find("a.on").removeClass("on");
				$li.eq(index).find("a").addClass("on");
				$move.animate({
					left:-(op.w)*index+"px"
				},op.speed);
			}

			// 初期設定
			$move.width(op.w*len);
			$(window).on("load",function(){
				var h_arr=new Array();
				var h=0;
				for(var i=0;i<$ol.find("li").length;i++){
					var t=$ol.find("li").eq(i).innerHeight();
					h_arr.push(t);
				}
				var h_max=Math.max.apply(null,h_arr);
				$t.find(".frame").height(h_max);
			});

			// クリックイベント
			$li.find("a").off("click");
			$li.on("click","a",function(){
				var $id=$($(this).attr("href"));
				index=$move.find("ol").index($id);
				tabEvent();
				return false;
			});

		}
	});

	$("a[href^=#]").pageScroll({speed:600});
	if($("#top_pick_up_item .slide_block").length) $("#top_pick_up_item .slide_block").hoverSlide({ w:131,limit:7 });
	if($("#new_item .slide_block").length) $("#new_item .slide_block").slide({ w:605,limit:4,loop:false });
	if($("#shop_ranking").length) $("#shop_ranking").tabSlide({ w:620 });

});