// JavaScript Document

//Mady by Mr.zheng ,2012-07-27
//页面引用方式 eg:upscroll(速度,对象);
//上下滚动html结构
/*<div id="up" style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 100px; ">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
   <td id="up1"><table width="100%" height="99px" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="images/me.gif" /></td>
          </tr>
          <tr>
            <td><img src="images/me.gif" /></td>
          </tr>
          <tr>
            <td><img src="images/me.gif" /></td>
          </tr>
        </table></td>
</tr>
<tr>
   <td id="up2"></td>
</tr>
</table>
</div>*/

//左右滚动html结构
/*<div id="demo" style="overflow:hidden;height:100px;width:200px;">
<div id="indemo" style="width:800%;">
	<div id="demo1" float:left>
		<!--model--!>
		<!--model--!>
		<!--model--!>
		<!--model--!>
	</div>
	<div id="demo2" float:left>
	</div>
</div>
</div>*/

//向上滚动
function upscroll(speed,demo)
{
	var speed=speed;
	var c2 = demo+'1';
	var c3 = demo+'2';
	var scname=setInterval(Marquee,speed);	
	var demo = document.getElementById(demo);
	var demo1 = document.getElementById(c2);
	var demo2 = document.getElementById(c3);
	demo2.innerHTML=demo1.innerHTML;
	demo.onmouseover=function(){
		 clearInterval(scname) ;
	}
	demo.onmouseout=function(){
		 scname=setInterval(Marquee,speed)
    }
	function Marquee(){
		if(demo2.offsetHeight-demo.scrollTop<=0)
		{
			demo.scrollTop-=demo1.offsetHeight;
		}
		else{
		   demo.scrollTop++;
		}
	}
}
//向下滚动
function downscroll(speed,demo)
{
	var speed=speed;
	var c2 = demo+'1';
	var c3 = demo+'2';
	var scname=setInterval(Marquee,speed);	
	var demo = document.getElementById(demo);
	var demo1 = document.getElementById(c2);
	var demo2 = document.getElementById(c3);
	demo2.innerHTML=demo1.innerHTML;
	demo.onmouseover=function(){
		 clearInterval(scname) ;
	}
	demo.onmouseout=function(){
		 scname=setInterval(Marquee,speed)
    }
	function Marquee(){
		if(demo1.offsetTop-demo.scrollTop>=0)
		   demo.scrollTop+=demo2.offsetHeight;
		else{
		   demo.scrollTop--;
		}
	}
}
//向左滚动
function leftscroll(speed,demo){
	var speed=speed;
	var c2 = demo+'1';
	var c3 = demo+'2';
	var scrname=setInterval(Marquee,speed);	
	var demo = document.getElementById(demo);
	var demo1 = document.getElementById(c2);
	var demo2 = document.getElementById(c3);
	demo2.innerHTML=demo1.innerHTML;
	demo.onmouseover=function() {clearInterval(scrname)}
	demo.onmouseout=function() {scrname=setInterval(Marquee,speed);}
		function Marquee(){
		if(demo2.offsetWidth-demo.scrollLeft<=0)
		   demo.scrollLeft-=demo1.offsetWidth;
		else{
		   demo.scrollLeft++;
		}
	}	
}
//向右滚动
function rightscroll(speed,demo){
	var speed=speed;
	var c2 = demo+'1';
	var c3 = demo+'2';
	var scrname=setInterval(Marquee,speed);	
	var demo = document.getElementById(demo);
	var demo1 = document.getElementById(c2);
	var demo2 = document.getElementById(c3);
	demo2.innerHTML=demo1.innerHTML;
	demo.onmouseover=function() {clearInterval(scrname)}
	demo.onmouseout=function() {scrname=setInterval(Marquee,speed);}
	function Marquee(){
		if(demo.scrollLeft<=0)
		   demo.scrollLeft+=demo2.offsetWidth;
		else{
		   demo.scrollLeft--;
		}
	}	
}