var rvt = new RevealTrans("idPicShow");

//添加变换对象
rvt.Add('http://www.laptop-battery-shop.org/images/R60-9455-Battery.gif', 'IBM ThinkPad T60 6373', 'http://www.laptop-battery-shop.org/laptop-battery.php/ibm-ThinkPad%20T60%206373');
rvt.Add('http://www.laptop-battery-shop.org/images/HSTNN-OB37-Battery.gif', 'HP HSTNN-OB38', 'http://www.laptop-battery-shop.org/laptop-battery.php/hp-HSTNN-OB38');
rvt.Add('http://www.laptop-battery-shop.org/images/AS07B72-Battery.gif', 'ACER AS07B32', 'http://www.laptop-battery-shop.org/laptop-battery.php/acer-AS07B32');


var oList = $("idPicList"), oText = $("idPicText"), arrImg = [];

var oNum = $("idNum"), arrNum = [];

//设置图片列表
Each(rvt.List, function(list, i){
	//图片式
	var img = document.createElement("img");
	img.src = list["img"]; img.alt = list["text"];
	//按钮式
	var li = document.createElement("li");
	li.innerHTML = i + 1;
	arrNum[i] = li;
	oNum.appendChild(li);
	//事件设置
	img.onmouseover = li.onmouseover = function(){ rvt.Auto = false; rvt.Index = i; rvt.Start(); };
	img.onmouseout = li.onmouseout = function(){ rvt.Auto = true; rvt.Start(); };
});

//设置图片列表样式 文本显示区域
rvt.onShow = function(){
	var i = this.Index, list = this.List[i];
	//图片式
//	Each(arrImg, function(o){ o.className = ""; }); arrImg[i].className = "on";
	//按钮式
	Each(arrNum, function(o){ o.className = ""; }); arrNum[i].className = "on";
	//文本区域
	oText.innerHTML = !!list.url ? "<a href='" + list.url + "' target='_blank'>" + list.text + "</a>" : list.text;
}

//文本显示区域
oText.onmouseover = function(){ rvt.Auto = false; rvt.Stop(); };
oText.onmouseout = function(){ rvt.Auto = true; rvt.Start(); };

rvt.Start();