// JavaScript Document
window.onload = function(){
	var speed=8; //数字越大速度越慢
	var tab=document.getElementById("demo");
	var atab=document.getElementById("ademo");
	var btab=document.getElementById("bdemo");	
	var ctab=document.getElementById("cdemo");	
	
	var tab1=document.getElementById("demo1");
	var atab1=document.getElementById("ademo1");
	var btab1=document.getElementById("bdemo1");
	var ctab1=document.getElementById("cdemo1");
	
	var tab2=document.getElementById("demo2");
	var atab2=document.getElementById("ademo2");
	var btab2=document.getElementById("bdemo2");
	var ctab2=document.getElementById("cdemo2");
	
	tab2.innerHTML=tab1.innerHTML;
	atab2.innerHTML=atab1.innerHTML;
	btab2.innerHTML=btab1.innerHTML;
	ctab2.innerHTML=ctab1.innerHTML;
	
	function Marquee(){
	if(tab2.offsetWidth-tab.scrollLeft<=0)
	tab.scrollLeft-=tab1.offsetWidth
	else{
	tab.scrollLeft++;
	}
	if(atab2.offsetWidth-atab.scrollLeft<=0)
	atab.scrollLeft-=atab1.offsetWidth
	else{
		atab.scrollLeft++;
		}
	if(btab2.offsetWidth-btab.scrollLeft<=0)
	btab.scrollLeft-=btab1.offsetWidth
	else{
		btab.scrollLeft++;
		}
		
	if(ctab2.offsetWidth-ctab.scrollLeft<=0)
	ctab.scrollLeft-=ctab1.offsetWidth
	else{
		ctab.scrollLeft++;
		}
		
		
	}
	var MyMar=setInterval(Marquee,speed);
	tab.onmouseover=function() {clearInterval(MyMar)};
	atab.onmouseover=function() {clearInterval(MyMar)};
	btab.onmouseover=function() {clearInterval(MyMar)};
	ctab.onmouseover=function() {clearInterval(MyMar)};
	tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
	atab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
	btab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
	ctab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
	
}