//详情页固定
function fix (options){
	if(!options || !options.selector) {throw new error('必须传入selector属性')}
	if(options.tip == undefined || options.tip === true ){this.tip()}
	this.selector = document.queryselector(options.selector)
	this.top = parseint(options.top) || 0
	this.offsety = this.selector.getboundingclientrect().y
	this.offsetx = this.selector.getboundingclientrect().x
	window.addeventlistener('scroll', this.handle.bind(this))
}

fix.prototype.handle = function(event){
	this.scrolltop = document.documentelement.scrolltop || document.body.scrolltop
	if((this.offsety - this.scrolltop ) < this.top){
		this.set()
	}else{
		this.reset()
	}
}

fix.prototype.set = function(){
	this.selector.style.position = 'fixed'
	this.selector.style.top = 0
	this.selector.style.left = this.offsetx + 'px'
}

fix.prototype.reset = function(){
	this.selector.style.position = 'static'
	this.selector.style.top = null
}

fix.prototype.tip = function(){
	console.log("fix配置对象参数:",{selector:'进行固定的标签选择器',top:'距离顶部多少时开始固定,默认:0',tip:'开启参数提示,默认为true'})
}

//职位页下拉
function slide(options){
	if(typeof options.tip == 'undefined' || options.tip === true ){this.tip()}
	if(!options || !options.selector) {throw new error('配置为对象类型,必须传入的属性有:selector,slide')}
	this.list = document.queryselectorall(options.selector + ' ' + options.list)
	this.slide = options.slide
	this.height = typeof options.slideheight !='undefined' ? parseint(options.slideheight) + 'px' : '330px'
	this.speed =  typeof options.speed !=='number' ? '0.5s' : (options.speed / 1000 + 's')
	for(var i=0,length=this.list.length;i<length;i++){
		this.list[i].addeventlistener('click',this.listener.bind(this,i))
	}
}

slide.prototype.listener = function(index){
	var children = this.list[index].children
	for(var i=0,length=children.length;i<length;i++){
		if(children[i].getattribute('class')===this.slide){
			var _this = children[i]
			_this.setattribute('class',this.slide + ' slide-active')
			_this.style.transition = 'all ' + this.speed + ' ease'
			_this.style.height = this.height
			_this.addeventlistener('click',function(event){ event.stoppropagation()})
		}else if(children[i].getattribute('class')===(this.slide + ' slide-active')){
			_this = children[i]
			_this.setattribute('class',this.slide)
			_this.style.height = 0
			_this.addeventlistener('click',function(event){ event.stoppropagation()})
		}
	}
}

slide.prototype.tip = function(){
	console.log("slide配置对象参数:",{selector:'进行固定的标签选择器,class选择器',speed:'下滑的速度,单位:ms,默认500',list:'列表元素,默认li',slide:'展开的div,class类型',slideheight:'展开的高度',tip:'开启参数提示,默认为true'})
}



//侧边栏
function sidebar(options){
	if(!options || typeof options.tip == 'undefined' || options.tip === true ){this.tip()}
	if(!options || !options.selector || !options.target|| !options.hide) {throw new error('配置为对象类型,必须传入的属性有:selector,slide')}
	this.status = true
	this.showbtn = document.queryselector(options.selector)
	this.target = document.queryselector(options.target)
	this.hidebtn = document.queryselector(options.hide)
	this.width = options.width
	this.background = options.background ? options.background : 'rgba(0,0,0,0.7)'
	this.height = options.height ? options.height : '100%'
	this.zindex = options.zindex ? parseint(options.zindex)  : 99
	this.top = options.top ? parseint(options.top)+'px' : 0
	this.mode = options.mode ? options.mode : 'fixed'
	this.speed = parseint(options.speed) ? options.speed / 1000 : 0.5
	this.init()
}

sidebar.prototype.init = function(){
	this.target.style.position = this.mode
	this.target.style.display = 'block'
	this.target.style.top = this.top
	this.target.style.zindex = this.zindex
	this.target.style.right = "-"+this.width+"px"
	this.target.style.width = this.width+"px"
	this.target.style.height = this.height
	this.target.style.backgroundcolor = this.background
	this.target.style.transition = "all "+this.speed+"s ease"
	this.target.style.transform = "translatex(0)"
	this.showbtn.addeventlistener('click',this.show.bind(this))
	this.hidebtn.addeventlistener('click',this.hide.bind(this))
}

sidebar.prototype.show = function(){
	this.target.style.transform = "translatex("+(-this.width)+"px)"
	this.status = false
}

sidebar.prototype.hide = function(){
	this.target.style.transform = "translatex(0)"
	this.status = true
}

sidebar.prototype.tip = function(){
	console.log("slide配置对象参数:",{selector:'触发侧边栏的元素',target:'侧边栏最外层元素',hide:'触发隐藏的元素',mode:'默认为fixed',width:'侧边栏宽度',speed:'滑出的速度,默认为500ms',tip:'开启参数提示,默认为true'})
}