var rvt = new RevealTrans("idPicShow");

//添加变换对象
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/01.jpg', '','http://www.hotion.net/?p=36&a=view&c=20&r=64');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/02.jpg', '','http://www.hotion.net/?p=36&a=view&c=22&r=439');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/03.jpg','', 'http://www.hotion.net/?p=36&c=58');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/04.jpg', '','http://www.hotion.net/?p=36&a=view&c=20&r=78');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/05.jpg', '','http://www.hotion.net/?p=36&a=view&c=20&r=65');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/06.jpg','', 'http://www.hotion.net/?p=36&c=57');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/07.jpg','','http://www.hotion.net/?p=36&a=view&c=6&r=1');
rvt.Add('../skins/hotion_100402/cn/imgs/bannerad/08.jpg', '','http://www.hotion.net/?p=36&a=view&c=31&r=140');

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"]; 
	//按钮式
	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(arrNum, function(o){ o.className = ""; }); arrNum[i].className = "on";
	
	
}

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

rvt.Start();