﻿var links = new Array();
links[1] = "#";
links[2] = "#";
links[3] = "#";
links[4] = "#";
links[5] = "#";
links[6] = "#";

var imgs = new Array();
for(var n = 1; n <= 6; n++) imgs[n] = new Image();
imgs[1].src = "../Images/head01.jpg";
imgs[2].src = "../Images/head02.jpg";
imgs[3].src = "../Images/head03.jpg";
imgs[4].src = "../Images/head04.jpg";
imgs[5].src = "../Images/head05.jpg";
imgs[6].src = "../Images/head06.jpg";
var imgwidth = 730;//图片宽度
var imgheight = 106;//图片高度

//============================= edit by gaoxy =================================================
var PicNum = 6; //设置图片个数,要与上方定义的确良连接组与图片组相同,并且要大于等于1
var ScollTimes = 2000;//图片自动更换时间，单位为毫秒
var NumberPostion = 1;// 0下左 1 下右 2 上左 3 上右 
var TitleName = 1;// 0 有，1无 图片下方的文字描述
//说明，在黪认情况下图片下方的文字与鼠标移动到图片时的提示是相同内容
var titles = new Array(); //鼠标移动到图片时的提示
titles[1] = "第1张图片";
titles[2] = "第2张图片";
titles[3] = "第3张图片";
titles[4] = "第4张图片";
titles[5] = "第5张图片";
titles[6] = "第6张图片";

var strstyle = "";
switch(NumberPostion)
{ 
	
	case 0:{
		strstyle = "<style type='text/css'>#imgnv{position:absolute;bottom:18px;left:0px}";
		break;
	}
case 1:{
	strstyle = "<style type='text/css'>#imgnv{position:absolute;bottom:3px;right:2px}";
	break;
	}
case 2:{
	strstyle= "<style type='text/css'>#imgnv{position:absolute;Top:0px;left:0px}";
	break;
	}
case 3:{
	strstyle = "<style type='text/css'>#imgnv{position:absolute;Top:0px;right:0px}";
	break;
	}
	default:
	{
		strstyle = "<style type='text/css'>#imgnv{position:absolute;bottom:22px;left:0px}";
		break;
	}

}

var str= strstyle;
str += "#imgnv div.on,#imgnv div.off{display:inline;float:left;margin-right:1px;width:20px;height:15px;line-height:18px  ;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-bottom:3px;color:#000}";
str += "</style>";
str += "<div style='position:absolute'>";
str += "<div><a id='dlink' href='" + links[1] + "' ><img id='dimg' title ='"+titles[1]+"' src='" + imgs[1].src + "' border='0' height='"+imgheight+"' width='" + imgwidth + "' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></div><div id='imgnv'>";

//str += "<div><a id='dlink' href='" + links[1] + "' target='_blank'><img id='dimg' title ='"+titles[1]+"' src='" + imgs[1].src + "' border='0' height='"+imgheight+"' width='" + imgwidth + "' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></div><div id='imgnv'>";
//原始代码

for(var picn=1;picn<PicNum+1;picn++)
{
	
	if(picn==1)
	{ 
		str += "<div id='it"+picn+"'  title ='+titles["+picn+"]' class='on' onmouseover='ImgSwitch("+picn+", true)' onmouseout='Pause(false)'>"+picn+"</div>";

		
	}
	else
	{
		str += "<div id='it"+picn+"'  title ='+titles["+picn+"]' class='off' onmouseover='ImgSwitch("+picn+", true)' onmouseout='Pause(false)'>"+picn+"</div>";
	}
}
if(TitleName==0)//是否在图片下方显示文字描述
{
	str += "</div><div id='PicDisc' align='center' style='font-size:12px;text-align:center;' >"+ titles[1]+"</div>";
}
else
{
	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("dimg").title = titles[id];
	if(TitleName==0)//是否在图片下方显示文字描述
	{
		document.getElementById("PicDisc").innerHTML = "<b>" + titles[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++;
	if(curid > PicNum) curid = 1;
	//==== add by gaoxy
	document.getElementById("dimg").title = titles[curid];
	//=======
	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, ScollTimes);
	}
}

var checkid = setInterval(CheckLoad, 10);