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 >10) {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, 2000);
}
}

var links = new Array();
links[1] = "bairike/index.html";
links[2] = "#";
links[3] = "#";
links[4] = "#";
links[5] = "images/img_1_1_1.gif";
links[6] = "images/img_1_2_1.gif";
links[7] = "images/img_1_3_1.gif";
links[8] = "images/img_1_4_1.gif";
links[9] = "images/img_1_5_1.gif";
links[10] = "images/img_1_6_1.gif";
var imgs = new Array();
for(var n = 1; n <= 10; n++){ imgs[n] = new Image();}
imgs[1].src = "images/img_1.gif";
imgs[2].src = "images/img_2.gif";
imgs[3].src = "images/img_3.gif";
imgs[4].src = "images/img_4.gif";
imgs[5].src = "images/img_1_1.gif";
imgs[6].src = "images/img_1_2.gif";
imgs[7].src = "images/img_1_3.gif";
imgs[8].src = "images/img_1_4.gif";
imgs[9].src = "images/img_1_5.gif";
imgs[10].src = "images/img_1_6.gif";
var tits = new Array();
tits[1] ="";
tits[2] = "";
tits[3] = "";
tits[4] = "";
tits[5] = "";
tits[6] = "";
tits[7] = "";
tits[8] = "";
tits[9] = "";
tits[10] = "";
var imgwidth = 268;//图片宽度
var imgheight = 320;//图片宽度
var str = "<style type='text/css'>";
str += "#imgnv{display:block;text-align:center;background-image:url(../images/star.gif);background-repeat:no-repeat;background-position:top; width:268px;height:31px;margin-left:auto;margin-right:auto;padding-top:6px;margin-top:10px;}#imgnv ul{padding-left:14px;}#imgnv ul li{float:left;padding-left:38px;font-weight:bold;cusor:hand;}";
str += ".on{color:#FFF;}";
str += ".off{color:#FF6600;}";
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] + "' target='_blank'><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'><ul>";
str += "<li id='it1' class='off' onmouseover='ImgSwitch(1, true)' onmouseout='Pause(false)' style='padding-left:0;'>1</li>";
str += "<li id='it2' class='off' onmouseover='ImgSwitch(2, true)' onmouseout='Pause(false)' style='padding-left:20px;'>2</li>";
str += "<li id='it3' class='off' onmouseover='ImgSwitch(3, true)' onmouseout='Pause(false)' style='padding-left:18px;'>3</li>";
str += "<li id='it4' class='off' onmouseover='ImgSwitch(4, true)' onmouseout='Pause(false)' style='padding-left:20px;;'>4</li>";
str +="<li id='it5' class='off' onmouseover='ImgSwitch(5, true)' onmouseout='Pause(false)' style='padding-left:18px;;'>5</li>";
str +="<li id='it6' class='off' onmouseover='ImgSwitch(6, true)' onmouseout='Pause(false)' style='padding-left:19px;;'>6</li>";
str +="<li id='it7' class='off' onmouseover='ImgSwitch(7, true)' onmouseout='Pause(false)' style='padding-left:19px;;'>7</li>";
str +="<li id='it8' class='off' onmouseover='ImgSwitch(8, true)' onmouseout='Pause(false)' style='padding-left:19px;;'>8</li>";
str +="<li id='it9' class='off' onmouseover='ImgSwitch(9, true)' onmouseout='Pause(false)' style='padding-left:19px;;'>9</li>";
str +="<li id='it10' class='off' onmouseover='ImgSwitch(10, true)' onmouseout='Pause(false)' style='padding-left:15px;;'>10</li>";
str +="</ul></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 = 10;
var sw = 1;
var opacity = 100;
var speed = 15;
var delay = (document.all)? 219:344;
var checkid = setInterval(CheckLoad, 10);