var rvt = new RevealTrans("idPicShow");
rvt.Add('image/img1.jpg', 'vegetable oil press', 'vegetable-oil-mill.html');
rvt.Add('image/img2.jpg', 'wood pellet mill', 'pellet-mill.html');
rvt.Add('image/img3.jpg', 'biomass briquette press', 'biomass-briquette-press.html');
rvt.Add('image/img4.jpg', 'flour mill', 'flour-mill.html');
rvt.Add('image/img5.jpg', 'cold roll forming', 'cold-roll-forming.html');
rvt.Add('image/img6.jpg', 'motor spindle', 'motor-spindle.html');
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"];
	arrImg[i] = img;
	oList.appendChild(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(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();