var id=mobile.getUrlVars("id");
var car;
mui.init();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
    getCarDetail();
    $("#phone").on("tap",function (e) {
        e.stopPropagation();
        location.href="tel:15960296973";
    });
    $("#chat").on("tap",function(e){
        var html=[];
        html.push('<img src="'+base+'/static/mnit/image/myqrcode.png" style="width:100%">');
        mui.alert(html.join(""), '微信咨询');
    });
});



//获取商品信息
function getCarDetail(){
	mobile.ajaxPost(base+"/car/getCar",{id:id},function(json){
		if(json.success){
		    car = json.data;
		    share.imgUrl=imgUrl+car.car_img1;
		    share.title=car.car_name
		    $(".carName").html(car.car_name);
		    $(".car-year").html(new Date(car.car_year.replace(/-/g, "/")).format("yyyy年MM月"));
		    $(".mileage").html(car.mileage+"万公里");
		    $(".view-num").html(car.view_num+"人关注");
		    $(".price").html('<span class="bold">'+car.price+'</span>万<span class="color2 fs12"> 新车价：'+car.new_price+'万</span>');

            var arr = [];
            if(car.car_img1){
                arr.push(car.car_img1);
            }
            if(car.car_img2){
                arr.push(car.car_img2);
            }
            if(car.car_img3){
                arr.push(car.car_img3);
            }
            $('.mui-content').removeClass('mui-hidden');
            $('.mui-bar-tab').removeClass('mui-hidden');
            initSlider(arr);
            if(car.car_detail){
                $("#detail").html(car.car_detail);
                $("img.lazy").lazyload({
                    threshold : 50,
                    effect: "fadeIn",
                    placeholder: base+'/static/mobile/image/500.gif',
                    skip_invisible : false
                });
            }else{
                $("#detail").html('<span class="fs14 color2">暂无信息</span>');
            }
		}else{
			layer.open({content: json.msg,time: 3});
		}
	});
}
function initSlider(arr){
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<a href="javascript:void(0)">'+
			'<img class="slider-lazy" src="'+imgUrl+arr[arr.length-1]+'" >'+
			'</a>'+
		'</div>');
	if(arr.length>1){//数量大于1定时滚动
		for(var i=0;i<arr.length;i++){
			$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
					'<a href="javascript:void(0)">'+
						'<img class="slider-lazy" src="'+imgUrl+arr[i]+'" >'+
					'</a>'+
				'</div>');
			if(i==0){
				$("#slider .mui-slider-indicator").append('<div class="mui-indicator mui-active"></div>');
			}else{
				$("#slider .mui-slider-indicator").append('<div class="mui-indicator"></div>');
			}
		}
	}else{//数量等于1
		$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
				'<a href="javascript:void(0)">'+
					'<img class="slider-lazy" src="'+imgUrl+arr[0]+'" >'+
					'</a>'+
			'</div>');
	}
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<a href="javascript:void(0)">'+
			'<img src="'+imgUrl+arr[0]+'" >'+
			'</a>'+
		'</div>');
	if(arr.length>1){
		var slider = mui("#slider");
		slider.slider({
			interval: 3000
		});
	}
	// $("img.slider-lazy").lazyload({
	// 	threshold : 200,
	// 	placeholder: base+'/static/mobile/image/500.gif',
	// 	skip_invisible : false
	// });
}