;
layui.define(['flow','laytpl','carousel','element'], function (e) {
	var s = layui.$,
	flow = layui.flow,
	laytpl = layui.laytpl,
	element = layui.element,
	carousel = layui.carousel;

	element.on('tab(layui-tab-type)', function(data){
		var that = this;
		var type_id = s(that).attr('lay-id')
		s('.goods-list').empty();
		flow.load({
			elem: '.goods-list'
			,done: function(page, next){
				s.post('load.html',{page:page,type_id:type_id},function(r){
					if (!r.code) {
						var tpl = s('#goods-list').html();
						laytpl(tpl).render(r.data, function(html){
							next(html, page < r.pages);   
						})
					}else{
						layer.msg(r.msg)
					}
				});
			}
		});
	});
  
	carousel.render({
		elem: '#images'
		,width: '100%'
		,height:s('body').width()
		,arrow: 'none'
	});

	s('.show-spec-box').on('click',function(){
		var that = this;
		layer.open({
			type: 1
			,title: false
			,closeBtn: true
			,skin:'spec-box'
			,area: '100%'
			,offset: 'b'
			,shade: 0.8
			,shadeClose:true
			,moveType: 1 
			,content: s('#spec').html()
			,success: function(layero){
				s('.layui-btn-confirm').on('click',function(){
					layer.closeAll()
					var goods_id = s('input[name=id]').val();
					var quantity = parseInt(s(".buy-num").val());
					
					var goods_id = s('input[name=id]').val();
					var quantity = parseInt(s(".buy-num").val());
					window.location.href = '/index/order/add.html?goods_id='+goods_id+'&quantity='+quantity;
					
				})

				s(".minus").click(function (){
					var buynum = s(".buy-num").val();
					if(buynum >1){
						s(".buy-num").val(parseInt(buynum-1));
					}
				});

				s(".add").click(function (){
					var buynum = parseInt(s(".buy-num").val());
					var storage = s('.goods-storage').data('value');
					if(buynum < storage){
						s(".buy-num").val(parseInt(buynum+1));
					}
				});
			}
		});
	})

	var goods = function(){
		if (s('input[name=id]').length > 0) {
			s('.content').css('margin-top',s('body').width() - 44 +'px');
			s(window).scroll(function(){
				if (s(window).scrollTop() <= 50) {
					s('.header').addClass('transparent').removeClass('posf');
				} else {
					s('.header').removeClass('transparent').addClass('posf');
				}
			});
		}
		if(s('[lay-filter="layui-tab-type"]').length > 0){
			var id = s('[lay-filter="layui-tab-type"]').find('li:first-child').attr('lay-id');
			element.tabChange('layui-tab-type', id);
		}
	}
	e('goods',new goods());
})