/**
 * @author sea
 */
function setElemsHighlight(elems, highlightClass,  index) {
	var length = elems.length;
	index = (index>=0 && index<length) ? index : 0;
	for (var i=0; i<length; i++) {
		if (i==index) {
			if (!hasClassName(elems[i],highlightClass)) addClassName(elems[i],highlightClass);
		} else {
			if (hasClassName(elems[i],highlightClass)) removeClassName(elems[i],highlightClass);
		}
	}	
}

function initElemsHighlight(elemParent, elemClass, highlightClass) {
	var elems = getElementsByClassName(elemClass,elemParent);
	if (elems && (elems.length > 0)) {
		for (var i = 0, length = elems.length; i < length; i++) {
			_observeHighlightElem(elems,highlightClass,i);
		}
	}
}

function _observeHighlightElem(elems,highlightClass,index) {
	var overfunc = function(){
		setElemsHighlight(elems, highlightClass, index);
		return true;
	}
	observeEvent(elems[index], "mouseover", overfunc);
}