//js函数
/*  
* 根据元素clsssName得到元素集合  
* @param fatherId 父元素的ID，默认为document  
* @tagName 子元素的标签名  
* @className 用空格分开的className字符串  
*/ 
function getClassName(fatherId,tagName,className){  
	node = fatherId&&document.getElementById(fatherId) || document;  
	tagName = tagName || "*";  
	className = className.split(" ");  
	var classNameLength = className.length;  
	for(var i=0,j=classNameLength;i<j;i++){  
		//创建匹配类名的正则  
		className[i]= new RegExp("(^|\\s)" + className[i].replace(/\-/g, "\\-") + "(\\s|$)");   
	}  
	var elements = node.getElementsByTagName(tagName);  
	var result = [];  
	for(var i=0,j=elements.length,k=0;i<j;i++){//缓存length属性  
		var element = elements[i];  
		while(className[k++].test(element.className)){//优化循环  
			if(k === classNameLength){  
				result[result.length] = element;  
				break;  
			}     
		}  
		k = 0;  
	}  
	return result;  
} 

var qingkong;

function changeImage(intID)
{
	var ObjArray = getClassName(document,'div','ImageDiv');
	var intThisID = 0;
	intThisID = intID;
	for(i=0;i<ObjArray.length;i++)
	{
		var ImgArray = ObjArray[i].all.tags("li");
		for(k=0;k<ImgArray.length;k++)
		{
			ImgArray[k].style.display = 'none';			
			ImgArray[intThisID].style.display = 'inline';	
		}
		if(ImgArray.length>0)
		{
			intThisID = intThisID+1;
			if(intThisID>=ImgArray.length)
			{
				intThisID = 0;
			}
		}		
	}
	
	clearTimeout(qingkong);
	qingkong = setTimeout('changeImage('+(intThisID)+')',4000);	
}

document.write('<style>.ContainerDiv{width:236px;height:152px;border:solid 1px #CCC;}.ImageDiv{text-align:center;}.ImageDiv img{ width:99%;border:0px;height:150px;}.ImageUL{list-style-type:none;width:234px; float:left; margin:0px;}.ImageDiv li{display:none;width:100%;font-weight:bold;}.</style>');

//html对象
document.write('');

window.onload = function(){
	changeImage(0);
};