简单的js轮换修改

Question

<div class="imgnewsbox" id="imgnewsbox">
<ul>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh">&nbsp;</div>
<h3><a href="###" target="_blank">标题1</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh">&nbsp;</div>
<h3><a href="###" target="_blank">标题2</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
<li><a href="###" target="_blank"><img src="files/images/1.jpg" alt="title"/></a>
<div class="twh">&nbsp;</div>
<h3><a href="###" target="_blank">标题3</a></h3>
<div class="tldoc">aaa<span>[<a href="###" target="_blank">详细</a>]</span></div>
</li>
</ul>
</div><script type="text/javascript">
new ShowHideBoard(new Array('m0','m1', 'm2','m3', 'm4','m5', 'm6','m7', 'm8'), 'act', '', new Array('m0_li','m1_li', 'm2_li','m3_li', 'm4_li','m5_li', 'm6_li','m7_li', 'm8_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('k1','k2', 'k3','k4', 'k5'), 'act', '', new Array('k1_li','k2_li', 'k3_li','k4_li', 'k5_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('d1','d2', 'd3','d4'), 'act', '', new Array('d1_li','d2_li', 'd3_li','d4_li'), '', 'hid','onmouseover').attachElement();
new ShowHideBoard(new Array('f1','f2', 'f3','f4','f5', 'f6','f7','f8'), 'act', '', new Array('f1_li','f2_li', 'f3_li','f4_li','f5_li','f6_li','f7_li','f8_li'), '', 'hid','onmouseover').attachElement();//记录第几张
var $THIS = null;
//LI元素,array
var $Li = [];//img change
function changeImg()
{
    this.id = document.getElementById('imgnewsbox');
    this.p = this.id.getElementsByTagName('li');
    this.span = document.getElementById('img_list').getElementsByTagName('li'); $Li = this.span;    this.length = this.span.length;
    this.flag = 0;
    for(var i=0;i<this.length;i++)
{
        this.p[i].style.display = "none";
        this.span[i].className = "";
        this.flag = i;
        this.span[i].value = i;
        this.span[i].onclick = function()
{
            Imgss.change(this.value)
$THIS = this.value;
};

    }
        
this.temp = 0;
    
this.play = function()
{
        if(navigator.appName.indexOf("Explorer") != -1)
{
            this.id.filters[0].Apply();
            this.id.filters[0].Transition=6;
            this.id.filters[0].Play();
        }
        
for(var i=0; i<this.length; i++)
{
                this.p[i].style.display = "none";
                this.span[i].className = "";
        }
            
this.p[this.temp].style.display = "block";
        this.span[this.temp].className = "act";
            
this.temp += 1;
        
if(this.temp >= this.length)
{
            this.temp = 0;
        }

$THIS = this.temp;        this.timer = setTimeout('Imgss.play()',5000);
    };
        
this.change = function(now)
{
clearInterval(this.timer);
this.temp = now;
$THIS = now
Imgss.play();
};
    
this.play();
}
var Imgss = new changeImg();
function trigEvent( domEle, evt )
{
  try {
  try {
var e = document.createEvent( 'HTMLEvents' );
e.initEvent( evt, false, true );
domEle.dispatchEvent( e );
  } catch (ept) {
domEle.fireEvent( evt );
  }
  } catch (ept) {
eval( 'domEle.' + evt + '();' );
  }
}</script>
修改上面的一段js，使它增加一个功能，按“上一页”、“下一页”可以触发上一张图片和下一张图片。
请尽量写出各个语句的解释，感谢！
对不起，我只允许发27分内的帖子，不过一会的答案我会加分的~~

Answer 1

看的我好晕～ 
那个ShowHideBoard和document.getElementById('img_list')在哪里？