var links = new Array(); 
links[1] = "javascript:void(0)"; 
links[2] = "javascript:void(0)"; 
links[3] = "javascript:void(0)"; 
links[4] = "javascript:void(0)"; 
var imgs = new Array(); 
for(var n = 1; n <= 4; n++) imgs[n] = new Image(); 
imgs[1].src = "images/01.jpg"; 
imgs[2].src = "images/02.jpg"; 
imgs[3].src = "images/03.jpg"; 
imgs[4].src = "images/04.jpg"; 
var tits = new Array(); 
tits[1] = ""; 
tits[2] = ""; 
tits[3] = ""; 
tits[4] = ""; 

var imgwidth = 200;//图片宽度 
var imgheight = 180;//图片宽度 

var str = "<style type='text/css'>"; 
str += "#imgnv{display:none;position:absolute;bottom:-1px;right:0;height:16px;}#imgnv div{float:left;margin-right:1px;}"; 
str += "#imgnv div.on,#imgnv div.off{margin-bottom:1px;width:30px;height:15px;line-height:18px!important;line-height:15px;font-size:9px;text-align:center;cursor:pointer;cursor:hand}"; 
str += "#imgnv div.on{background:#CE0609;color:#FFF;font-weight:bold}"; 
str += "#imgnv div.off{background:#323232;color:#FFF;text-decoration:none}"; 
str += "#titnv{margin-top:3px;color:#000;text-align:center;display:none;}"; 
str += "</style>"; 
str += "<div style='position:relative'>"; 
str += "<div><a id='dlink' href='" + links[1] + "'><img id='dimg' src='" + imgs[1].src + "' border='0' width='" + imgwidth + "' height='"+imgheight+"' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></div>"; 

//修改点1：循环添加内层div内容以增加个数 
str += "<div id='imgnv'><div id='it1' class='on' onmouseover='ImgSwitch(1, true)' onmouseout='Pause(false)'>1</div><div id='it2' class='off' onmouseover='ImgSwitch(2, true)' onmouseout='Pause(false)'>2</div><div id='it3' class='on' onmouseover='ImgSwitch(3, true)' onmouseout='Pause(false)'>3</div><div id='it4' class='off' onmouseover='ImgSwitch(4, true)' onmouseout='Pause(false)'>4</div></div>"; 
str += "<div id='titnv'><b>" + tits[1] + "</b></div>"; 
str += "</div>"; 
document.write(str); 

var oi = document.getElementById("dimg"); 
var pause = false; 
var curid = 1; 
var lastid = 1; 
var sw = 1; 
var opacity = 100; 
var speed = 15; 
var delay = (document.all)? 400:700; 

function SetAlpha(){ 
if(document.all){ 
if(oi.filters && oi.filters.Alpha) oi.filters.Alpha.opacity = opacity; 
}else{ 
oi.style.MozOpacity = ((opacity >= 100)? 99:opacity) / 100; 
} 
} 

function ImgSwitch(id, p){ 
if(p){ 
pause = true; 
opacity = 100; 
SetAlpha(); 
} 
oi.src = imgs[id].src; 
document.getElementById("dlink").href = links[id]; 
document.getElementById("it" + lastid).className = "off"; 
document.getElementById("it" + id).className = "on"; 
document.getElementById("titnv").innerHTML = "<b>" + tits[id] + "</b>"; 
curid = lastid = id; 
} 

function ScrollImg(){ 
if(pause && opacity >= 100) return; 
if(sw == 0){ 
opacity += 2; 
if(opacity > delay){ opacity = 100; sw = 1; } 
} 
if(sw == 1){ 
opacity -= 3; 
if(opacity < 10){ opacity = 10; sw = 3; } 
} 
SetAlpha(); 
if(sw != 3) return; 
sw = 0; 
curid++; 
//修改点2：这里的4也是个数 
if(curid > 4) curid = 1; 
ImgSwitch(curid, false); 
} 

function Pause(s){ 
pause = s; 
} 

function StartScroll(){ 
setInterval(ScrollImg, speed); 
} 

function CheckLoad(){ 
if (imgs[1].complete == true && imgs[2].complete == true) { 
clearInterval(checkid); 
setTimeout(StartScroll, 3000); 
} 
} 

var checkid = setInterval(CheckLoad, 10); 











/*
var slideshow_width=1000 //宽
var slideshow_height=180 //高
var pause=3000 //显示时间(3000=3 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="images/Pic_01.jpg"
fadeimages[1]="images/Pic_02.jpg"
fadeimages[2]="images/Pic_03.jpg"
fadeimages[3]="images/Pic_04.jpg"
fadeimages[4]="images/Pic_05.jpg"
////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all && navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById && navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img src="'+fadeimages[0]+'" style="CURSOR: pointer;"')

var curpos=5
var degree=5
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=5
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'" onclick="" style="CURSOR: pointer" onload="return imgzoom(this,550)">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=5
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'" style="CURSOR: pointer" onload="return imgzoom(this,550)">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
*/