// JavaScript Document
var imgwidth = 721;//图片宽度 
var imgheight = 285;//图片宽度 

var links = new Array("products.asp","products.asp","products.asp","products.asp","products.asp"); 
var imgpaths = new Array("images/top_flash.jpg","images/top_flash2.jpg","images/top_flash3.jpg","images/top_flash4.jpg","images/top_flash5.jpg"); 
//var tits = new Array("","",""); 
var tits=links;
var imgs = new Array();
for(var n = 0; n < imgpaths.length; n++){
	imgs[n]=new Image();
	imgs[n].src = imgpaths[n];
}

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[0] + "'><img id='dimg' src='" + imgs[0].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='it0' class='on' onmouseover='ImgSwitch(0, true)' onmouseout='Pause(false)'>0</div><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[0] + "</b></div>"; 
str += "</div>"; 
document.write(str); 

var oi = document.getElementById("dimg"); 
var pause = false; 
var curid = 0; 
var lastid = imgpaths.length-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 >= imgpaths.length) curid = 0; 
//	alert(curid + " , " + imgs[curid].src);
	ImgSwitch(curid, false); 
} 

function Pause(s){ 
pause = s; 
} 

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

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

var checkid = setInterval(CheckLoad, 10);