// 定时器
var timeDelay;
// 图片自动浏览时的时间间隔
var timeInterval = 5000;
// Array对象,存储图片文件的路径
var image;
// 当前显示的图片序号
var num;
// 图片显示区域
var slideShow = document.getElementById("imgShow");
// 图片信息数据表
var dt;

// 预加载图片信息
function PreloadImage()
{
	// 采用同步调用的方式获取图片的信息				
	var ds = index.GetPictureNewsList().value;
	// 如果返回了结果
	if (ds)
	{
		// 判断数据表是否不为空
		if (ds.Tables[0].Rows.length > 0)
		{
			// 返回的图片信息数据表
			dt = ds.Tables[0];
			// 用image对象存储图片的文件路径
			image = new Array();
			// 图片在upload/images目录下
			for (var i=0; i<dt.Rows.length; i++)
			{
				image.push(".." + dt.Rows[i].tupianPath);
			}
			// imagePreload对象用于实现图片的预缓存
			var imagePreload = new Array();
			for (var i=0; i<image.length; i++)
			{
				// 通过新建Image对象,并将其src属性指向图片的URL
				// 显现图片的预缓存
				imagePreload[i] = new Image();
				imagePreload[i].src = image[i];
			}
			// 初始化一些变量
			num = -1;
			// 加载第一张图片
			next_image();				
		}
	}
}

// 实现图片切换时的效果
function image_effects()
{
	// Transition的值为0~23之间的随机数,代表24种切换效果
	// 具体值与效果之间的对应见MSDN
	document.getElementById("imgShow").filters.revealTrans.Transition = Math.random() * 23;
	// 应用并播放切换效果
	document.getElementById("imgShow").filters.revealTrans.apply();
	document.getElementById("imgShow").filters.revealTrans.play();
}
// 切换到指定序号的图片
function current_image(index)
{
	// 停止自动播放
	//pauseSlideShow();
	num = index;
	// 切换图片的显示
	image_effects();
	//document.getElementById("imgShow").src = image[num];   
	document.getElementById("imgShow").src = "SuoLueTu.aspx?imgUrl=" + image[num];
	// 点击图片时连接到的页面
	document.getElementById("aNews").href = "Details.aspx?Id=" + dt.Rows[num].ID;
	// 设置按钮状态
	setBtnStatus();
}
// 切换到上一张图片
function previous_image()
{
	// 停止自动播放
	//pauseSlideShow();
	// 图片序号向前移动,如果已经是第一张,则切换到最后一张
	num += image.length - 1;
	num %= image.length;
	// 切换图片的显示
	image_effects();
	//document.getElementById("imgShow").src = image[num];
	document.getElementById("imgShow").src = "SuoLueTu.aspx?imgUrl=" + image[num];
	// 点击图片时连接到的页面
	document.getElementById("aNews").href = "Details.aspx?Id=" + dt.Rows[num].ID;
	// 设置按钮状态
	setBtnStatus();
}
// 切换到下一张图片
function next_image()
{
	// 停止自动播放
	//pauseSlideShow();
	// 当前图片的序号向后移动,如果已经是最后一张,则切换到第一张图片
	num++;
	num %= image.length;
	// 切换图片的显示
	image_effects();
	//document.getElementById("imgShow").src = image[num];
	document.getElementById("imgShow").src = "SuoLueTu.aspx?imgUrl=" + image[num];
	// 点击图片时连接到的页面
	document.getElementById("aNews").href = "Details.aspx?Id=" + dt.Rows[num].ID;
	// 设置按钮状态
	setBtnStatus();
}

// 自动浏览图片
function slideshow_automatic()
{
	// 当前图片的序号向后移动,如果已经是最后一张,
	// 则切换到第一张图片
	num++;
	num %= image.length;
	// 切换图片的显示
	image_effects();
	//document.getElementById("imgShow").src = image[num];
	document.getElementById("imgShow").src = "SuoLueTu.aspx?imgUrl=" + image[num];
	// 点击图片时连接到的页面
	document.getElementById("aNews").href = "Details.aspx?Id=" + dt.Rows[num].ID;
	// 设置按钮状态
	setBtnStatus();
	// 每隔一段时间自动执行
	timeDelay = setTimeout("slideshow_automatic()", timeInterval);
}

// 停止自动播放
function pauseSlideShow()
{
	// 清除定时器,不再执行slideshow_automatic函数
	clearTimeout(timeDelay);		
}

// 设置按钮的状态
function setBtnStatus()
{
	// 显示图片时设置按钮的背景图片
	if(num == 0)
	{
		document.getElementById("btn1").src = "../img/img1/btn1.bmp";
	}
	else
	{
		document.getElementById("btn1").src = "../img/img1/btn1_bw.bmp";
	}
	if(num == 1)
	{
		document.getElementById("btn2").src = "../img/img1/btn2.bmp";
	}
	else
	{
		document.getElementById("btn2").src = "../img/img1/btn2_bw.bmp";
	}
	if(num == 2)
	{
		document.getElementById("btn3").src = "../img/img1/btn3.bmp";
	}
	else
	{
		document.getElementById("btn3").src = "../img/img1/btn3_bw.bmp";
	}
	if(num == 3)
	{
		document.getElementById("btn4").src = "../img/img1/btn4.bmp";
	}
	else
	{
		document.getElementById("btn4").src = "../img/img1/btn4_bw.bmp";
	}
	if(num == 4)
	{
		document.getElementById("btn5").src = "../img/img1/btn5.bmp";
	}
	else
	{
		document.getElementById("btn5").src = "../img/img1/btn5_bw.bmp";
	}
	if(num == 5)
	{
		document.getElementById("btn6").src = "../img/img1/btn6.bmp";
	}
	else
	{
		document.getElementById("btn6").src = "../img/img1/btn6_bw.bmp";
	}
	if(num == 6)
	{
		document.getElementById("btn7").src = "../img/img1/btn7.bmp";
	}
	else
	{
		document.getElementById("btn7").src = "../img/img1/btn7_bw.bmp";
	}
}