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

var oNum = my("idNum"), arrNum = [];
var div1 = document.createElement("div");
var div2 = document.createElement("div");
var i=1;
Each(rvt.List, function(list, i){
	
	var img = document.createElement("img");
	img.src = list["img"]; img.alt = list["text"];
	arrImg[i] = img;
	if(i < 5 ){
		div1.appendChild(img);
	}else{
		div2.appendChild(img);	
	}
	oList.appendChild(div1);
	oList.appendChild(div2);
	//alert(oList.childNodes.length);
	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();