$(document).ready(function(){
	var urls;
		
	var num = 8;
	if($(window).width()<=1300){
		num = 6;
	}
	if($(window).width()<=1024){
		num = 5;
	}
	if($(window).width()<=767){
		num = 4;
	}
	if($(window).width()<=500){
		num = 3;
	}
	if($(window).width()<=375){
		num = 2;
	}
	$(window).resize(function(){
		if($(window).width()<=1300){
			num = 6;
		}
		if($(window).width()<=1024){
			num = 5;
		}
		if($(window).width()<=767){
			num = 4;
		}
		if($(window).width()<=500){
			num = 3;
		}
		if($(window).width()<=375){
			num = 2;
		}
	})
	var conWidth = $('.inquire_ts').width();
	var widths = conWidth / num;
	$('.inquire_ts ul li').width(widths);
	slides($('.inquire_in'),num,widths);
	
})
function cityAjax(obj,url){
	var objs = obj;
	var url1 = url;
	$.ajax({
		url:url1,
		success:function(msg){
			objs.find('.inquire_b ul').html(msg);
			imgratio();
		}
	});
}

function slides(obj,num,width){
	var width1 = width;
	var objc = obj;
	var num1 = num;
	var onNum = 0;
	
	cityAjax(objc,objc.find('.inquire_ts ul li:eq(0)').data('city'));
	
	var _len = objc.find('.inquire_ts ul li').length;
	objc.find('.inquire_ts ul li').on('click',function(){
		var _this = $(this).index();
		$(this).addClass('on').siblings().removeClass('on');
		onNum = _this;
		urls = $(this).data('city');
		cityAjax(objc,urls);
		if(_this > 0){
			objc.find(".inquire_left").removeClass("disabled");
		}else{
			objc.find(".inquire_left").addClass("disabled");
		}
		if(_this < _len-1){
			objc.find(".inquire_right").removeClass("disabled");
		}else{
			objc.find(".inquire_right").addClass("disabled");
		}
	})
	var length1 = objc.find('.inquire_ts ul li').length;
	var slideNum = 0;
	if(length1>num1){
		objc.find('.inquire_right').on('click',function(){
			var $this = $(this);
			if(!$this.parent().find('ul').is(':animated')){
				$this.prev().removeClass('disabled');
				onNum ++;
				if(onNum>=length1-1){
					onNum = length1-1;
					$this.addClass('disabled');
				}
				$this.parent().find('ul li').eq(onNum).addClass('on').siblings().removeClass('on');
				urls = $this.parent().find('ul li').eq(onNum).data('city');
				cityAjax(objc,urls);
				slideNum ++;
				if(slideNum>=length1-num1){
					slideNum = length1 - num1;
				}
				$this.parent().find('ul').animate({'left': -width1 * slideNum + 'px'},300);
			}
			
		})
		objc.find('.inquire_left').on('click',function(){
			var $this = $(this);
			if(!$this.parent().find('ul').is(':animated')){
				$this.next().removeClass('disabled');
				onNum --;
				if(onNum<=0){
					onNum = 0;
					$this.addClass('disabled');
				}
				$this.parent().find('ul li').eq(onNum).addClass('on').siblings().removeClass('on');
				urls = $this.parent().find('ul li').eq(onNum).data('city');
				cityAjax(objc,urls);
				slideNum --;
				if(slideNum<=0){
					slideNum = 0;
				}
				$this.parent().find('ul').animate({'left': -width1 * slideNum + 'px'},300);
			}
			
		})
	}else{
		objc.find('.inquire_left').hide();
		objc.find('.inquire_right').hide();
	}
}