/************************************************
  
	Description: viewSlide
	Version: 0.9
	Author: Songmu
	Last Modified : 2007/10/11

************************************************/
/*@cc_on _d=document;eval('var document=_d')@*/
var idElm, lElm, fElm;
var LOOPLENGTH = 200;
var LOOPINTERVAL = 130;
var opacit = LOOPLENGTH;

function viewSlide(id,width,height,imgArr){
	var imgElm;
	idElm = document.getElementById(id);
	idElm.style.position = "relative";
	idElm.style.width = width + "px";
	idElm.style.height = height + "px";
	idElm.style.overflow = "hidden";
	
	var i;
	for(i=0;i<imgArr.length;i++){
		imgElm = document.createElement("img");
		imgElm.setAttribute("src",imgArr[i]);
		imgElm.style.width = width + "px";
		imgElm.style.height = height + "px";
		imgElm.style.position = "absolute";
		imgElm.style.left = "0px";
		imgElm.style.top = "0px";
		if(i == 0){
			idElm.appendChild(imgElm);
			lElm = imgElm;
		}else{
			idElm.insertBefore(imgElm,fElm);
		}
		fElm = imgElm;
	}
	setInterval(changeOpac,LOOPINTERVAL);
}
function changeOpac(){
	opacit -= 5;
	if(opacit>100){return;}
	
	setOpac(lElm,opacit);
	if(opacit <= 0){
		opacit = LOOPLENGTH;
		idElm.removeChild(lElm);
		idElm.insertBefore(lElm, fElm);
		fElm = lElm;
		setOpac(fElm, 100);
		lElm = idElm.lastChild;
	}
}
function setOpac(elm, opac){
	elm.style.MozOpacity = opac/100;
	elm.style.opacity = opac/100;
	elm.style.filter = "alpha(opacity=" + opac + ")";
}