function getElementsByClassName(className) {
	var all = document.all ? document.all : document.getElementsByTagName('*');
	var elements = [];
	for ( var e = 0; e < all.length; e++) {
		if (all[e].className == className) {
			elements.push(all[e]);
		}
	}

	return elements;
}
function createTabs(inits) {
	var eles = getElementsByClassName(inits);

	for ( var i = 0; i < eles.length; i++) {
		var eventSources = getChildElementDiv(eles[i]);
		if (eventSources[0]) {
			
			var as = eventSources[0].getElementsByTagName('a');
			for ( var j = 0; j < as.length; j++) {
				as[0].style.backgroundImage='url(http://img.utravels.com.cn/rframe_btn.png)';
				as[0].className='le';
				var _a = as[j];
				_a.tagIndex = j;
				if (_a.attachEvent) { // ie
					_a.attachEvent("onmouseover", function(event) {
						displayTabs(event);
					});
				} else if (_a.addEventListener) { // 火狐
					_a.addEventListener("mouseover", function(event) {
						displayTabs(event);
					}, true);
				}
				
			}
		}
	}

}
function displayTabs(evt) {
	var evt = evt ? evt : (window.event ? window.event : null);
	var tag = evt.srcElement || evt.target;
	var index = tag.tagIndex;
	var parent = tag.parentNode.parentNode;
	var parentChildren = getChildElementDiv(parent);
	var target_p_as = getChildElementA(tag.parentNode);
	 
	
	for(var i=0;i<target_p_as.length;i++){
		if(i==index){
			
			target_p_as[i].style.backgroundImage='url(http://img.utravels.com.cn/rframe_btn.png)';
			target_p_as[i].className='le';
		}else{	
			target_p_as[i].style.backgroundImage='';	
			target_p_as[i].className='';
		}
	}	
	
	
	parentChildren=parentChildren[1];
	parentChildren=getChildElementDiv(parentChildren);
	if(!parentChildren){return;}
	var currentDisplayTab = null;
	for ( var i = 0; i < parentChildren.length; i++) {
		if (parentChildren && parentChildren[i].style.display != 'none') {
			currentDisplayTab = parentChildren[i];
			parentChildren[i].style.display = 'none';
			
		}
	}
	if (parentChildren[index]) {
		parentChildren[index].style.display = 'block';		
		if (currentDisplayTab && currentDisplayTab != parentChildren[index + 1]) {
			// currentDisplayTab.style.display='none';
		}
	} else {
		if(currentDisplayTab){
		currentDisplayTab.style.display = 'block';
		}
	}
}

function getChildElementDiv(parent) {
	var childs = [];
	try {
		var eles = parent.getElementsByTagName('div');
		for ( var i = 0; i < eles.length; i++) {
			if (eles[i].parentNode == parent) {
				childs.push(eles[i]);
			}
		}
	} catch (e) {
		// TODO: handle exception
	}
	return childs;
}
function getChildElementA(parent) {
	var childs = [];
	try {
		var eles = parent.getElementsByTagName('a');
		for ( var i = 0; i < eles.length; i++) {
			if (eles[i].parentNode == parent) {
				childs.push(eles[i]);
			}
		}
	} catch (e) {
		// TODO: handle exception
	}
	return childs;
}