var listing=
{
	
	height:function($container){
		$container.imagesLoaded().always(function(){
			$('._item',$container).responsiveEqualHeightGrid();
		});
	},
	pin:function($container){
		$container.on('click','.btn-pin',function(){
			var $a=$(this).parents('._item').find('._link');
			window.open('http://pinterest.com/pin/create/button/?url=http://'+DOMAIN+$a.attr('href')+'&media=http://'+DOMAIN+$a.find('img').attr('src').replace('-thumb','')+'&description='+$a.attr('title'),'pin','width=670,height=300,top=10,left='+(screen.width-660)/2);
		});
	},
	fb:function($container){
		$container.on('click','.btn-fb',function(){
			var $a=$(this).parents('._item').find('._link');
			window.open('https://www.facebook.com/sharer/sharer.php?u=http://'+DOMAIN+$a.attr('href'),'fb','width=660,height=500,top=10,left='+(screen.width-660)/2);
		})
	},
	like:function($container,type){
		$container.on('click','.btn-like',function(){
			var $btn=$(this); $btn.button('loading');
			$.getJSON('/action/like',{type:type,iid:$(this).parents('.panel').attr('data-iid')},function(data){
				notice.result(data);
				if(1==data.data) $btn.addClass('active');
				else if(-1==data.data) $btn.removeClass('active');
				if(!LOGGED) $.cookie('like',true);
			}).always(function(){$btn.button('reset');});
		});
		
		if(LOGGED || $.cookie('like')){
			$('._item',$container).each(function(){
				var $item=$(this);
				$.get('/action/liked',{type:type,iid:$('.panel',$item).attr('data-iid')},function(data){
					if(1==data.data) $('.btn-like',$item).addClass('active');
				});
			});
		}
	},
	
	init:function(sel){
		(sel? $('.list',$(sel)):$('.list')).each(function() {
			if($(this).hasClass('list-product')){
				listing.height($(this));
				listing.pin($(this));
				listing.fb($(this));
				listing.like($(this),1);
			}
		});
	}
	
};
listing.init();

var glo=function()
{
	var $globe=$('#globe'), $scroll=$('.globe-scroll',$globe), $nav=$('header nav'), t1=null,t2=null,t3=null;
	var border=function(){
		if(W>768) $('.menu-btn:visible',$globe).css('border-width','1px').last().css('border-width',0);
		else $('.menu-btn',$globe).css('border-width',0).filter(function(i){return $(this).parent()[0].nodeName!='LI';}).css('border-width','1px').filter(':visible:last').css('border-width',0);
	}
	var resize=function(){
		var s=($(window).width()-$('.container').width())/2-32;
		$globe.css('right',s>0? s:'5px').animate({top:($(window).height()-$globe.height())/2});
		if(W>768){
			if(!MOBILE) $('.menu-btn',$globe).tooltip({container:'body',placement:'left'});
			$('.globe-menu',$globe).show();
			border();
			fold();
			$nav.children('ul').find('li').css('display','inline-block');
		}else{
			if(!MOBILE) $('.globe-menu .menu-btn',$globe).tooltip('destroy');
			$('.globe-menu',$globe).hide();
			border();
			$nav.children('ul').find('li').css('display','block').filter(':gt(0)').hide();
		}
	};
	//nav
	var unfold=function($a,$btn){
		window.tmp=$a;
		t1=setTimeout(function(){
			var n=0,h=window.tmp.parents('li').height(); if(W<768) n=window.tmp.parents('li').index();
			$nav.children('ul').find('a').removeClass('active'); window.tmp.addClass('active');
			$('#nav-subs').css('top',(n+1)*h).show().children('div').hide().filter('.'+window.tmp.attr('data-toggle')).show();
			if('undefined'!=typeof $btn) $btn.toggleClass('fa-plus').toggleClass('fa-minus');
			t1=null;
		},150);
	};
	var fold=function(){
		$('#nav-subs').hide();
		$nav.children('ul').find('a').removeClass('active');
		$('.btn-sub',$nav).addClass('fa-plus').removeClass('fa-minus');
	};
	$('.btn-nav',$nav).click(function(){
		$nav.children('ul').find('li:gt(0)').slideToggle();
		$(this).toggleClass('fa-plus').toggleClass('fa-minus');
		if($(this).hasClass('fa-plus')) fold();
	});
	$('.btn-sub',$nav).click(function(e){
		e.preventDefault();
		if($(this).hasClass('fa-plus')) unfold($(this).prev(),$(this));
		else fold($(this));
	});
	$nav.children('ul').find('a').on('mouseenter',function(){
		if(W>767){
			if($(this).attr('data-toggle')) unfold($(this));
			else $nav.children('ul').find('a').removeClass('active'); $('#nav-subs').hide();
		}
	}).on('mouseleave',function(){clearTimeout(t1);});
	$nav.on('mouseleave',function(){if(W>768) fold();});
	
	$('.globe-trigger .menu-btn',$globe).click(function(){
		if(W<768) $('form',$globe).hide();
		$('.modal-backdrop').remove();
		$('<div class="modal-backdrop"></div>').css('opacity',.2).click(function(){
			$('.globe-menu',$globe).hide();
			$(this).remove();
		}).appendTo('body');
		$('.globe-menu',$globe).fadeIn();
	});
	$('.globe-search .menu-btn',$globe).click(function(){
		if(W<768) $('.globe-menu',$globe).hide();
		$('.modal-backdrop').remove();
		$('<div class="modal-backdrop"></div>').css('opacity',.2).click(function(){
			$('form',$globe).hide();
			$(this).remove();
		}).appendTo('body');
		$('form',$globe).fadeIn();
	});
	
	$scroll.click(function(){$('html,body').animate({scrollTop:0},400);});
	$('footer .col-xs-6').responsiveEqualHeightGrid();
	$nav.find('.fa-search').click(function(){$('.globe-search .menu-btn',$globe).click();});
	$(document).on('scroll',function(){
		if(t2==null){
			t2=setTimeout(function(){
				if($(window).scrollTop()>100) $scroll.slideDown(function(){border();});
				else $scroll.slideUp(function(){border();});
				t2=null;
			},300);
		}
	});
	if(!MOBILE){
		$(window).resize(function(){
			if(t3==null){
				t3=setTimeout(function(){
					W=$(window).width();
					resize();
					t3=null;
				},300);
			}
		});
	}
	resize();
}();

var $page;
if(document.getElementById('page-category'))
{
	$page=$('#page-category');
	(function(){
		var params={cat:$page.attr('data-category'),tag:[],rank:$('.category-sort .active',$page).attr('data-sort')}; var tag=$page.attr('data-tag'); var $chosen=$('.category-chosen',$page);
		if(tag) params.tag.push(tag);
		
		var chosen=function()
		{
			$chosen.empty();
			if(params.tag.length>0){
				$chosen.html('<label>You have chosen</label>');
				for(t in params.tag){
					t=params.tag[t].split(',');
					$chosen.append('<span data-iid="'+t[0]+'">'+t[1]+' <i class="fa fa-times"></i></span>');
				}
			}
		};
		var request=function($item)
		{
			$item=$item||false; params.tag=[];
			if(tag) params.tag.push(tag);
			else $('.category-tag .active',$page).each(function(){params.tag.push($(this).attr('data-iid')+','+$(this).text().replace(/\(\d+\)/,''));});
			
			$('<div class="modal-backdrop"></div>').css({opacity:.5}).appendTo('body'); notice.loading();
			$.getJSON('/category/classify',params,function(data){
				notice.result(data);
				if(SUCCESS==data.status){
					$('#products').html(data.data.products);
					$('.category-page',$page).html(data.data.page);
					$('.category-toolbar>span>b',$page).text(data.data.num);
					listing.init('#products');
					chosen();
					$('html,body').animate({scrollTop:$('.category-toolbar',$page).offset().top-10}, 500);
				}else{
					if($item) $item.toggleClass('active');
				}
			}).always(function(){
				$('.modal-backdrop').remove();
			});
		};
		
		chosen();
		$('.category-tag .tag-color a',$page).each(function(){$(this).css('background',$(this).attr('data-color'));});
		$('.category-tag a',$page).on('click',function(e){
			if(!tag){
				e.preventDefault();
				$(this).toggleClass('active').find('.fa').toggleClass('fa-square-o').toggleClass('fa-check-square-o');
				if($(this).hasClass('active')) $(this).siblings().removeClass('active').find('.fa').removeClass('fa-check-square-o').addClass('fa-square-o');
				params.p=1;
				request($(this));
			}
		});
		
		$('.category-page',$page).on('click','a',function(e){
			e.preventDefault();
			if('undefined'==$(this).attr('data-page')) return false;
			params.p=$(this).attr('data-page');
			request();
		});
		
		$('.category-sort .btn',$page).on('click',function(){
			if($(this).hasClass('active')) return false;
			params.rank=$(this).attr('data-sort');
			params.p=1;
			$(this).addClass('active').parent().siblings().find('button').removeClass('active');
			request();
		});
		
		$('.category-chosen',$page).on('click','span',function(){
			if(tag) setLocation($page.attr('data-category-url'));
			else $('.category-tag a[data-iid="'+$(this).attr('data-iid')+'"]',$page).click();
		});
	})();
}

if(document.getElementById('page-home'))
{
	$.cachedScript('/public/js/slick.min.js').done(function(){
		$('#page-home .banner').slick({
			autoplay:true,
			dots:true,
			infinite:true,
			nextArrow:'<i class="fa fa-angle-right slick-next"></i>',
			prevArrow:'<i class="fa fa-angle-left slick-prev"></i>'
		});
	});
}

if(document.getElementById('page-support'))
{
	$page=$('#page-support');
	$('.guide-colors ._item',$page).each(function(){
		var $container=$(this);
		$('ul li img',$container).click(function(){
			var colorSrc=$(this).attr('src');
			var colorName=$(this).attr('title');
			$('.text-center img',$container).fadeOut(function(){
				$(this).attr('src',colorSrc).fadeIn();
				$('.text-center label',$container).text(colorName);
			});
		}).eq(0).click();
	});
}