window.onload = function(){
	initHoverTabs();
}

function initHoverTabs(){
	var tabs = document.getElementById('tabs');
	if(!tabs) return;
	var lis = tabs.getElementsByTagName('li');
	var currentLi = 0;
	for(var i = 0; i<lis.length; i++){
		if(/hover/.test(lis[i].getElementsByTagName('a')[0].className)){
			currentLi = i;
		}
	}
	for(var i = 0; i<lis.length; i++){				
		lis[i].getElementsByTagName('a')[0].i = i;
		lis[i].getElementsByTagName('a')[0].onmouseover = function(){			
			this.className = 'outer hover';
			if(this.i != currentLi){
				lis[currentLi].getElementsByTagName('div')[0].className = 'tab_left';
			}
			this.parentNode.getElementsByTagName('div')[0].className = 'tab_left active';
		}
		lis[i].getElementsByTagName('a')[0].onmouseout = function(){			
			if(currentLi !=	this.i){				
				this.parentNode.getElementsByTagName('div')[0].className = 'tab_left';					
				this.className = 'outer';
			}
			lis[currentLi].getElementsByTagName('div')[0].className = 'tab_left active';			
		}
		lis[i].getElementsByTagName('a')[0].onclick = function(){
			if(this.i != currentLi){
				lis[currentLi].getElementsByTagName('a')[0].className = 'outer';
				lis[currentLi].getElementsByTagName('div')[0].className = 'tab_left';
			}
			currentLi = this.i;									
		}
	}	
}