//Edit By P.S 2005-08-06(2005-08-09) winpzs@hotmail.com
/*===========================================================================
用法1:
	<Script Language="JavaScript" Src="scrollbar.js"></Script>
	<Script Language="JavaScript">startImageScroll(1);</Script>
	<!--在这里放(HTML)滚动内容,滚动内容的width要比滚动条长度要长--><table width=700><tr><td nowrap>你好</td></tr></table>
	<Script Language="JavaScript">endImageScroll(1,30,2,4,"600px","120px");</Script>

用法2:
	<Script Language="JavaScript" Src="scrollbar.js"></Script>
	<Script Language="JavaScript">psScrollBarHTML(1,30,2,4,"700px","120px","<table width=700><tr><td nowrap>你好</td></tr></table>");</Script>

注意:滚动内容的width要比滚动条长度要长
	如:
	滚动内容:<table width=700><tr><td nowrap>你好</td></tr></table>
	滚动条长度要小于700
===========================================================================*/

	//strID		滚动条ID(可以每页面多条滚动条)
	function startImageScroll(strID)
	{
		window.document.write("<div id=ps_ImageScroll_demo_h" + strID + " align=\"center\" valign=\"middle\" style=\"overflow:hidden;height:120;width:500;margin-top:4px;\"><table><tr><td id=ps_ImageScroll_demo1_h" + strID + ">");
	}

	//strID		滚动条ID(可以每页面多条滚动条)
	//pSpeed	速度数值越大速度越慢
	//pStep		步数数值越大速度越快
	//pRunType	滚动方向(1为上,2为下,3为左,4为右)
	//pWidth	总宽度
	//pHeight	总高度
	function endImageScroll(strID,pSpeed,pStep,pRunType,pWidth,pHeight)
	{
		if (pRunType <= 2)
			window.document.write("</td></tr><tr><td id=ps_ImageScroll_demo2_h" + strID + "></td></tr></table></div>");
		else
			window.document.write("</td><td id=ps_ImageScroll_demo2_h" + strID + "></td></tr></table></div>");
		playImageScroll(strID,pSpeed,pStep,pRunType,pWidth,pHeight);
	}

	//strID		滚动条ID(可以每页面多条滚动条)
	//pSpeed	速度数值越大速度越慢
	//pStep		步数数值越大速度越快
	//pRunType	滚动方向(1为上,2为下,3为左,4为右)
	//pWidth	总宽度
	//pHeight	总高度
	function playImageScroll(strID,pSpeed,pStep,pRunType,pWidth,pHeight)
	{
		eval("	var g_ImageSpeed" + strID + "=" + pSpeed + ";" + "\n" + 
			"	var g_ImageStep" + strID + " = " + pStep + ";//步数数值越大速度越快" + "\n" + 
			"	var g_ImageRunType" + strID + " = " + pRunType + ";//滚动方向(1为上,2为下,3为左,4为右)" + "\n" + 
			"	var g_ImageAllWidth" + strID + " = \"" + pWidth + "\";//滚动方向(1为上,2为下,3为左,4为右)" + "\n" + 
			"	var g_ImageAllHeight" + strID + " = \"" + pHeight + "\";//滚动方向(1为上,2为下,3为左,4为右)" + "\n" + 
			"" + "\n" + 
			"	var ps_ImageScroll_demo" + strID + " = document.all.ps_ImageScroll_demo_h" + strID + ";" + "\n" + 
			"	var ps_ImageScroll_demo1" + strID + " = document.all.ps_ImageScroll_demo1_h" + strID + ";" + "\n" + 
			"	var ps_ImageScroll_demo2" + strID + " = document.all.ps_ImageScroll_demo2_h" + strID + ";" + "\n" + 
			"" + "\n" + 
			"	ps_ImageScroll_demo" + strID + ".style.width = g_ImageAllWidth" + strID + ";" + "\n" + 
			"	ps_ImageScroll_demo" + strID + ".style.height = g_ImageAllHeight" + strID + ";" + "\n" + 
			"	ps_ImageScroll_demo2" + strID + ".innerHTML=ps_ImageScroll_demo1" + strID + ".innerHTML;" + "\n" + 
			"	function ps_ImageScroll_Marquee" + strID + "()" + "\n" + 
			"	{" + "\n" + 
			"		switch(g_ImageRunType" + strID + ")" + "\n" + 
			"		{" + "\n" + 
			"		///*左滚动" + "\n" + 
			"		case 3:" + "\n" + 
			"			if(ps_ImageScroll_demo1" + strID + ".offsetWidth-ps_ImageScroll_demo" + strID + ".scrollLeft<=0)" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollLeft -= ps_ImageScroll_demo1" + strID + ".offsetWidth;" + "\n" + 
			"			else" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollLeft += g_ImageStep" + strID + ";" + "\n" + 
			"			break;" + "\n" + 
			"		//*/" + "\n" + 
			"		///*右滚动" + "\n" + 
			"		case 4:" + "\n" + 
			"			if (ps_ImageScroll_demo" + strID + ".scrollLeft <= 0)" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollLeft += ps_ImageScroll_demo1" + strID + ".offsetWidth;" + "\n" + 
			"			else" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollLeft -= g_ImageStep" + strID + ";" + "\n" + 
			"			break;" + "\n" + 
			"		//*/" + "\n" + 
			"		///*下滚动" + "\n" + 
			"		case 2:" + "\n" + 
			"			if (ps_ImageScroll_demo" + strID + ".scrollTop <= 0)" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollTop += ps_ImageScroll_demo1" + strID + ".offsetHeight;" + "\n" + 
			"			else" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollTop -= g_ImageStep" + strID + ";" + "\n" + 
			"			break;" + "\n" + 
			"		//*/" + "\n" + 
			"		///*上滚动" + "\n" + 
			"		case 1:" + "\n" + 
			"			if (ps_ImageScroll_demo1" + strID + ".offsetHeight-ps_ImageScroll_demo" + strID + ".scrollTop <= 0)" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollTop -= ps_ImageScroll_demo1" + strID + ".offsetHeight;" + "\n" + 
			"			else" + "\n" + 
			"				ps_ImageScroll_demo" + strID + ".scrollTop += g_ImageStep" + strID + ";" + "\n" + 
			"			break;" + "\n" + 
			"		default:" + "\n" + 
			"			break;" + "\n" + 
			"		//*/" + "\n" + 
			"		}" + "\n" + 
			"	}" + "\n" + 
			"	var g_ImageMyMar" + strID + "=setInterval(ps_ImageScroll_Marquee" + strID + ",g_ImageSpeed" + strID + ");" + "\n" + 
			"	ps_ImageScroll_demo" + strID + ".onmouseover=function() {clearInterval(g_ImageMyMar" + strID + ");}" + "\n" + 
			"	ps_ImageScroll_demo" + strID + ".onmouseout=function() {g_ImageMyMar" + strID + "=setInterval(ps_ImageScroll_Marquee" + strID + ",g_ImageSpeed" + strID + ");}");

	}

	//strID		滚动条ID(可以每页面多条滚动条)
	//pSpeed	速度数值越大速度越慢
	//pStep		步数数值越大速度越快
	//pRunType	滚动方向(1为上,2为下,3为左,4为右)
	//pWidth	总宽度
	//strInnerHTML		滚动条的内容(用于设计时不变形,但要转换字串)
	function psScrollBarHTML(strID,pSpeed,pStep,pRunType,pWidth,pHeight,strInnerHTML)
	{
		startImageScroll(strID);
		window.document.write(strInnerHTML);
		endImageScroll(strID,pSpeed,pStep,pRunType,pWidth,pHeight);
	}