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

var GN={
	ww:function(){ var v=$(window).innerWidth(); return v; },
	wh:function(){ var v=$(window).innerHeight(); return v; },
	dh:function(){
		var v=Math.max.apply(null,[document.body.clientHeight,document.body.scrollHeight,document.documentElement.scrollHeight,document.documentElement.clientHeight]);
		return v;
	},
	wrap:function(){ var v=$(".wrap").innerWidth(); return v; },
	st:function(){ var v=$(window).scrollTop(); return v; },
	ua:navigator.userAgent
}

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;
			});
		},
		// レスポンシブル
		responsible:function(options){
			var defaults={
				w:{
					tablet:1000,
					sp:700
				},
				products:$("#products_list .item_list > li,#related_item .item_list > li")
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			// 商品一覧画像を正方形に保つ
			var productsList=function(){
				op.products.each(function(){
					var $photo=$(this).find(".photo");
					var w={
						photo:$photo.width(),
						img:$photo.find("img").width()
					}
					var h={
						photo:$photo.height(),
						img:$photo.find("img").height()
					}
					if(GN.ww()<op.w.tablet){
						$photo.height(w.photo);
						if(w.photo/w.img>w.photo/h.img){
							$photo.find("img").width("auto").height(w.photo);
						}else{
							$photo.find("img").width("100%").height("auto");
						}
					}else{
						$photo.find("img").width("auto").height("auto");
					}
				});
			}

			$t.on({
				"load":function(){
					productsList();
				},
				"resize":function(){
					productsList();
				}
			});

		},
		// サイトメニュー
		siteMenu:function(options){
			var defaults={
				speed:300
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $id=$($t.attr("href"));
			var h=0;

			$t.on("click",function(){
				$id.show().css({ opacity:0 });
				h=$id.height();
				$id.css({ top:-h+"px" }).animate({
					top:0,
					opacity:1
				},op.speed);
			});

			$id.find(".btn_close a").on("click",function(){
				$id.animate({
					top:-h+"px",
					opacity:0
				},op.speed);
			});
			
		},
		// ホバースライド
		hoverSlide:function(options){
			var defaults={
				speed:300,
				interval:0,
				limit:function(){ var v=(GN.ww()>700)?7:4; return v; }
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $frame=$t.find(".frame");
			var $move=$t.find(".move");
			var $li=$move.find("li");
			var direct={
				prev:$('<a class="prev" href="#" />'),
				next:$('<a class="next" href="#" />')
			}
			var w=0;
			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){
				if(GN.ua.indexOf("iPhone")>0||GN.ua.indexOf("iPad")>0||GN.ua.indexOf("iPod")>0||GN.ua.indexOf("Android")>0){ // SP・Tablet対応
					var v=Math.floor(new WebKitCSSMatrix(target.css("-webkit-transform")).e);
				}else{
					var v=new Number(target.css("left").replace(/^([\D])?([\d]+)px/,"$1$2"));
				}
				return v;
			}
			var slideEvent=function(){
				if(GN.ua.indexOf("iPhone")>0||GN.ua.indexOf("iPad")>0||GN.ua.indexOf("iPod")>0||GN.ua.indexOf("Android")>0){ // SP・Tablet対応
					for(var i=0;i<len;i++){
						var left=getLeft($li.eq(i));
						$li.eq(i).css({ transform:"translate3d("+(left+index)+"px,0,0)" });
						if(left>num.last){
							$li.eq(i).css({ transform:"translate3d("+(num.first+w)+"px,0,0)" });
						}else if(left<num.first){
							$li.eq(i).css({ transform:"translate3d("+(num.last-w)+"px,0,0)" });
						}
					}
				}else{
					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+w)+"px"});
						}else if(left<num.first){
							$li.eq(i).css({left:(num.last-w)+"px"});
						}
					}
				}
			}
			autoEvent=function(){
				index=1;
				interval.auto=setInterval(function(){ slideEvent(); },50);
			}
			// 初期設定
			var firstSet=function(){
				$move.width(w*len);
				$li.width(w);
				var h_arr=new Array();
				var h=0;
				for(var i=0;i<len;i++){
					var t=$li.eq(i).height();
					h_arr.push(t);
					if(GN.ua.indexOf("iPhone")>0||GN.ua.indexOf("iPad")>0||GN.ua.indexOf("iPod")>0||GN.ua.indexOf("Android")>0){ // SP・Tablet対応
						$li.eq(i).css({ transform:"translate3d("+(w*i)+"px,0,0)" });
					}else{
						$li.eq(i).css({ left:w*i+"px" });
					}
				}
				var h_max=Math.max.apply(null,h_arr);
				$frame.height(h_max);
				num.last=getLeft($li.eq(len-1))+w;
				num.first=-w;
			}

			$(window).on({
				"load":function(){
					w=Math.floor($frame.width()/op.limit());
					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");

						firstSet();
		
						$move.css({ left:-op.limit()*w+"px" });
						$move.width(w*len);
						$t.append(direct.prev,direct.next);
						
						autoEvent();
					}else{
						for(var i=0;i<len;i++){ $li.eq(i).css({ left:w*i+"px" }); }
					}

				},
				"resize":function(){
					w=Math.floor($frame.width()/op.limit());
					firstSet();
				}
			});

			if(op.limit()<=len){ // 特定の個数がある時のみ動作
				if(GN.ua.indexOf("iPhone")>0||GN.ua.indexOf("iPad")>0||GN.ua.indexOf("iPod")>0||GN.ua.indexOf("Android")>0){ // SP・Tablet対応
					var tap_bool={
						prev:true,
						next:true
					}

					direct.prev.on({
						"click":function(){
							if(tap_bool.prev){
								tap_bool.prev=false;
								tap_bool.next=true;
								clearInterval(interval.prev);
								clearInterval(interval.next);
								index=1;
								interval.prev=setInterval(function(){ slideEvent(); },10);
							}else{
								clearInterval(interval.prev);
								tap_bool.prev=true;
							}
							return false;
						}
					});

					direct.next.on({
						"click":function(){
							if(tap_bool.next){
								tap_bool.prev=true;
								tap_bool.next=false;
								clearInterval(interval.prev);
								clearInterval(interval.next);
								index=-1;
								interval.next=setInterval(function(){ slideEvent(); },10);
							}else{
								clearInterval(interval.next);
								index=1;
								tap_bool.next=true;
							}
							return false;
						}
					});

				}else{

					$(window).on({
						"load":function(){
							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(); },
								});
							});
						}
					});
				}
			}

		},
		// スライド
		slide:function(options){
			var defaults={
				limit:4,
				speed:300,
				interval:0
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $frame=$t.find(".frame");
			var $move=$t.find(".move");
			var $li=$move.find("li");
			var direct={
				prev:$('<a class="prev" href="#" />'),
				next:$('<a class="next" href="#" />')
			}
			var w=0;
			var len=$li.length;
			var index=0;
			var left=len*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:-w*index+"px"
				},op.speed,function(){
					bool=true;
					arrowDisplay();
				});
			};
			// 自動切り替え
			autoEvent=function(){
				if(op.interval){
					autoInterval=setTimeout(function(){
						index=(index==len-op.limit)?0:index+1;
						slideEvent();
						autoEvent();
					},op.interval);
				}
			};
			// 初期設定
			var firstSet=function(){
				$move.width(w*len).css({ left:-(w*index)+"px" });
				$li.width(w/op.limit);
				var h_arr=new Array();
				var h=0;
				for(var i=0;i<len;i++){
					var t=$li.eq(i).innerHeight();
					h_arr.push(t);
				}
				var h_max=Math.max.apply(null,h_arr);
				$frame.height(h_max);
			}

			$(window).on({
				"load":function(){
					w=$frame.width();
					if(op.limit<=len){
						firstSet();
						arrowDisplay();
						$t.append(direct.prev,direct.next);
						autoEvent();
					}
				},
				"resize":function(){
					w=$frame.width();
					if(op.limit<=len) firstSet();
				}
			});
			
			// 前へクリック
			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={
				speed:300
			};
			var op=$.extend(defaults,options);
			var $t=$(this);
			var $frame=$t.find(".frame");
			var $move=$t.find(".move");
			var $ol=$move.find("ol");
			var $nav=$(this).find(".nav");
			var $li=$nav.find("li");
			var w=0;
			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:-(w*index)+"px"
				},op.speed);
			}
			// 初期設定
			var firstSet=function(){
				$move.width(w*len).css({ left:-(w*index)+"px" });
				$ol.width(w);
				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);
				$frame.height(h_max);
			}


			$(window).on({
				"load":function(){
					w=$frame.width();
					firstSet();
				},
				"resize":function(){
					w=$frame.width();
					firstSet();
				}
			});
			
			// クリックイベント
			$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});
	$(window).responsible();
	$("a[href^=#site_menu]").siteMenu();
	if($("#top_pick_up_item .slide_block").length) $("#top_pick_up_item .slide_block").hoverSlide();
	if($("#new_item .slide_block").length) $("#new_item .slide_block").slide({ limit:4 });
	if($("#shop_ranking").length) $("#shop_ranking").tabSlide();
	
});