// JavaScript Document
var speed=30;
demo2pro1.innerHTML=demo1pro1.innerHTML;
demo3pro1.innerHTML=demo1pro1.innerHTML;
demo2pro2.innerHTML=demo1pro2.innerHTML;
demo3pro2.innerHTML=demo1pro2.innerHTML;
function Marqueepro1left(){
if(demo2pro1.offsetWidth-demopro1.scrollLeft<=0)
     demopro1.scrollLeft-=demo1pro1.offsetWidth;
else{
     demopro1.scrollLeft++;
    }
}
function Marqueepro1right(){
if(demopro1.scrollLeft<=0)
     demopro1.scrollLeft+=demo1pro1.offsetWidth;
else{
     demopro1.scrollLeft--;
    }
}
function Marqueepro2left(){
if(demo2pro2.offsetWidth-demopro2.scrollLeft<=0)
     demopro2.scrollLeft-=demo1pro2.offsetWidth;
else{
     demopro2.scrollLeft++;
    }
}
function Marqueepro2right(){
if(demopro2.scrollLeft<=0)
     demopro2.scrollLeft+=demo1pro2.offsetWidth;
else{
     demopro2.scrollLeft--;
    }
}
var MyMarpro1;
var MyMarpro2;
var pro1now;
var pro2now;
function pro1left() {
	clearInterval(MyMarpro1);
	MyMarpro1 = setInterval(Marqueepro1left,speed);
	pro1now = "left";
}
function pro1right() {
	clearInterval(MyMarpro1);
	MyMarpro1 = setInterval(Marqueepro1right,speed);
	pro1now = "right";
}
function pro2left() {
	clearInterval(MyMarpro2);
	MyMarpro2 = setInterval(Marqueepro2left,speed);
	pro2now = "left";
}
function pro2right() {
	clearInterval(MyMarpro2);
	MyMarpro2 = setInterval(Marqueepro2right,speed);
	pro2now = "right";
}
demopro1.onmouseover=function() {clearInterval(MyMarpro1);}
demopro1.onmouseout=function() {
	if ( pro1now == "left" ) {
		MyMarpro1=setInterval(Marqueepro1left,speed);
	}
	else if ( pro1now == "right" ) {
		MyMarpro1=setInterval(Marqueepro1right,speed);
	}
}
demopro2.onmouseover=function() {clearInterval(MyMarpro2);}
demopro2.onmouseout=function() {
	if ( pro2now == "left" ) {
		MyMarpro2=setInterval(Marqueepro2left,speed);
	}
	else if ( pro2now == "right" ) {
		MyMarpro2=setInterval(Marqueepro2right,speed);
	}
}