// javascript document
window.onload=function ()
{
	var oqh_tu=document.getelementbyid('div_qh_tu');
	var oqh_ul=document.getelementbyid('div_qh_ul');
	var oqh_btn=document.getelementbyid('div_qh_btn');
	
	var aqh_tu_img=oqh_tu.getelementsbytagname('li');
	var aqh_btn_a=oqh_btn.getelementsbytagname('a');
	var i=0;
	var inow=0;
	var otimer=null;
	
	//返回顶部
	var obtn_return=document.getelementbyid('return_top');
	var timer=null;
	var bsys=true;
		
	//检测用户滚动了滚动条
	window.onscroll=function()
	{
		if(!bsys)
		{
			clearinterval(timer);
		}
		
		bsys=false;		
		
		var return_top=document.documentelement.scrolltop||document.body.scrolltop;
		if(return_top>500)
		{
			startmove(obtn_return, {opacity:100});
		}
		else
		{
			startmove(obtn_return, {opacity:0});
		}
		
	};
		
	obtn_return.onclick=function()
	{
		timer=setinterval(function(){
		var scrolltop=document.documentelement.scrolltop||document.body.scrolltop;
		//求整数
		var ispeed=math.floor(-scrolltop/10);		
		
		//回到顶部后关闭定时器
		if(scrolltop==0)
		{
			clearinterval(timer);
		}
				
		bsys=true;								
		document.documentelement.scrolltop=document.body.scrolltop=scrolltop+ispeed;
		},30);
	}
		
	//导航弹动
	var odh_ul=document.getelementbyid('div_dh_ul');
	var adh_li=odh_ul.getelementsbytagname('li');
	var adh_li_a=odh_ul.getelementsbytagname('a');
	var odh_mov=document.getelementbyid('dh_mov');
	var ispeed=0;
	var left=10;
	var inow_dh=0;
	var odh_nr=document.getelementbyid('dh_nr');
	var idh_nr=odh_nr.getelementsbytagname('li');
	var dh_timer=null;
	
	for(i=0;i<adh_li.length;i++)
	{
		adh_li[i].index=i;
		
		adh_li[i].onmouseover=function ()
		{
			var ospan=this.getelementsbytagname('span')[0];
			var atr=ospan.getelementsbytagname('tr');
			var iheight=atr.length*34;
			var odh_li_a=this.getelementsbytagname('a')[0];
			
			inow_dh=this.index;
			for(i=0;i<idh_nr.length;i++)
			{
				idh_nr[i].style.display='none';
			}
			idh_nr[inow_dh].style.display='block';
			
			tanxingmove(odh_mov, this.offsetleft);
			dh_cc()
			odh_li_a.style.color='#fff';
			startmove(ospan, {height: iheight, opacity: 100});
		}
		
		adh_li[i].onmouseout=function ()
		{
			var ospan=this.getelementsbytagname('span')[0];
			var atr=ospan.getelementsbytagname('tr');
			var odh_li_a=this.getelementsbytagname('a')[0];
			
			inow_dh=this.index;
			for(i=0;i<idh_nr.length;i++)
			{
				idh_nr[i].onmouseover=function()
				{
					this.style.display='block';
				}
				idh_nr[i].onmouseout=function()
				{
					this.style.display='none';
				}
			}
			
			tanxingmove(odh_mov, 10);
			dh_cc()
			odh_li_a.style.color='#000';
			adh_li_a[0].style.color='#fff';
			startmove(ospan, {height: 0, opacity: 0});
		}
	}
	
	function dh_cc()
	{
		for(i=0;i<adh_li.length;i++)
		{
			adh_li_a[i].style.color='#000';
		}
	}
	
	//博虹特色
	var obhts_img=document.getelementbyid('bhts_img');
	var ibhts_img=obhts_img.getelementsbytagname('img');
	var obhts_now=0;
					
	for(i=0;i<ibhts_img.length;i++)
	{
		ibhts_img[i].index=i;
		ibhts_img[i].onmouseover=function()
		{
			obhts_now=this.index;
			
			startmove(ibhts_img[obhts_now], {width:404, height:160, opacity:80});
		}
		ibhts_img[i].onmouseout=function()
		{
			startmove(ibhts_img[obhts_now], {width:384, height:140, opacity:100});
		}
	}
	
	//微信平台建设
	var oindex_wx_rig=document.getelementbyid('index_wx_rig');
	var oindex_wx_btn=document.getelementbyid('index_wx_btn');
	
	oindex_wx_btn.onmouseover=function()
	{
		startmove(oindex_wx_rig,{opacity:32});
	}
	
	oindex_wx_btn.onmouseout=function()
	{
		startmove(oindex_wx_rig,{opacity:16});
	}
	
	function tanxingmove(obj, itarget)
	{
		clearinterval(obj.timer);
		
		obj.timer=setinterval(function (){
			ispeed+=(itarget-obj.offsetleft)/3;
			ispeed*=0.7;
			left+=ispeed;
			
			//obj.style.left=obj.offsetleft+ispeed+'px';
			if(math.abs(ispeed)<1 && math.abs(left-itarget)<1)		//取绝对值
			{
				clearinterval(obj.timer);
				
				obj.style.left=itarget+'px';				
			}
			else
			{
				obj.style.left=left+'px';
			}
		},30);
	}
		
	//运动
	function getstyle(obj, attr)
	{
		if(obj.currentstyle)
		{
			return obj.currentstyle[attr];
		}
		else
		{
			return getcomputedstyle(obj, false)[attr];
		}
	}
	
	function startmove(obj, json, fn)		//要使任意属性变要添加一个参数attr
	{
		var timer=null;
		clearinterval(obj.timer);
		obj.timer=setinterval(function(){
			for(var attr in json)
			{
				var bstop=true;
				var icur=0;
				if(attr=='opacity')
				{
					icur=parsefloat(getstyle(obj, attr))*100;		//下面的ispeed是处理整数的，为了不再对下面修改，所以这里把透明度改为整数
				}
				else
				{
					icur=parseint(getstyle(obj, attr));
				}
				//将itarget换成了json[attr]
				var ispeed=(json[attr]-icur)/8;					
				ispeed=ispeed>0?math.ceil(ispeed):math.floor(ispeed);				        
				
				if(icur!=json[attr])
				{
					bstop=false;	
				}
				
				if(attr=='opacity')
				{
					obj.style.filter='alpha(opacity:'+(icur+ispeed)+')';
					obj.style.opacity=(icur+ispeed)/100;
				}
				else
				{
					obj.style[attr]=icur+ispeed+'px';		//由obj.style.width变味obj.style[attr]，改变指定属性
				}
				
				if(bstop)
				{
					clearinterval(timer);
					if(fn)
					{
						fn();
					}
				}
			}
		},30);
	}
		
	//相册
	var oul=document.getelementbyid('index_xc_ul1');
	var ali=oul.getelementsbytagname('li');
	var i=0;
	var izindex=2;
	
	//布局转换
	for(i=0;i<ali.length;i++)
	{
		ali[i].style.left=ali[i].offsetleft+'px';
		ali[i].style.top=ali[i].offsettop+'px';
	}
	
	for(i=0;i<ali.length;i++)
	{
		ali[i].style.position='absolute';
		ali[i].style.margin=0;
	}
	
	//放大缩小
	for(i=0;i<ali.length;i++)
	{
		ali[i].onmouseover=function()
		{
			startmove(this, {width:360, height:260, marginleft: -90, margintop:-85});
			this.style.zindex=izindex++;
		}
		
		ali[i].onmouseout=function()
		{
			startmove(this, {width:180, height:90, marginleft: 0, margintop: 0});
			this.style.zindex=2;
		}
	}
	
	//大图切换
	oqh_ul.innerhtml+=oqh_ul.innerhtml;
	var oimg_width=document.documentelement.offsetwidth;
	
	for(i=0;i<aqh_tu_img.length;i++)
	{
		aqh_tu_img[i].style.width=oimg_width+'px';
		oqh_ul.style.width=aqh_tu_img[0].offsetwidth*aqh_tu_img.length+'px';
	}
	
	function tab()
	{
		for(i=0;i<aqh_btn_a.length;i++)
		{
			aqh_btn_a[i].classname='';
		}
		aqh_btn_a[inow].classname='now';
		var oqh_left=-aqh_tu_img[0].offsetwidth*inow;
		startmove(oqh_ul, {left:oqh_left});
	}
	
	//自动播放
	function move(){
		otimer=setinterval(function(){
			inow++;
			
			if(inow>=aqh_btn_a.length)
			{
				
				inow=0;
				startmove(oqh_ul, {left:-aqh_tu_img[0].offsetwidth*aqh_btn_a.length},function(){oqh_ul.style.left=0;tab();})
				
				for(i=0;i<aqh_btn_a.length;i++)
				{
					aqh_btn_a[i].classname='';
				}
				aqh_btn_a[inow].classname='now';
			}
			else
			{
				tab();
			}
			
			},4000);
	}
	move();
	
	//点击事件
	for(i=0;i<aqh_btn_a.length;i++)	
	{
		aqh_btn_a[i].index=i;
		aqh_btn_a[i].onclick=function()
		{
			inow=this.index;
			tab();
		}
	}
}