Нужна помощь по доработке JAVA

[dmk88]

Здравствуйте! Нужна помощь по доработке java, имеется скрипт Yet (E)Another JavaScript Tab Interface Implementation такого вида:

function Yetii() {

	this.defaults = {
		
		id: null,
		active: 0,
		timeout: null,
		interval: null,
		tabclass: 'home-subcategory',
		activeclass: 'active'
	
	};
	
	for (var n in arguments[0]) { this.defaults[n]=arguments[0][n]; };	
	
	this.getTabs = function() {
        
		
        var retnode = [];
        var elem = document.getElementById(this.defaults.id).getElementsByTagName('*');
		
		var regexp = new RegExp("(^|\\s)" + this.defaults.tabclass.replace(/\-/g, "\\-") + "(\\s|$)");
	
        for (var i = 0; i < elem.length; i++) {
        if (regexp.test(elem[i].className)) retnode.push(elem[i]);
        }
    
        return retnode;
    
    };
	
	this.links = document.getElementById(this.defaults.id + '-nav').getElementsByTagName('a');
	
	this.show = function(number){
        
        for (var i = 0; i < this.tabs.length; i++) {
        this.tabs[i].style.display = ((i+1)==number) ? 'block' : 'none';
        this.links[i].className = ((i+1)==number) ? this.defaults.activeclass : '';
        }
    
    };
	
	 this.rotate = function(interval){
    
        this.show(this.defaults.active);
        this.defaults.active++;
    
        if(this.defaults.active > this.tabs.length) this.defaults.active = null;
    
        var self = this;
        this.defaults.timeout = setTimeout(function(){self.rotate(interval);}, interval*1000);
    
    };
	
	this.tabs = this.getTabs();
	this.show(this.defaults.active);
	
	var self = this;
	for (var i = 0; i < this.links.length; i++) {
	this.links[i].customindex = i+1;
	this.links[i].onclick = function(){ if (self.defaults.timeout) clearTimeout(self.defaults.timeout); self.show(this.customindex); return false; };
    }
	
	
	
};

в шаблоне сайта присутствует html код:

<div id="demo" class="home-subcategory">
 <ul id="demo-nav">
 <li><a class="active" href="#tab1">Кабинет</a></li>
 <li><a class="" href="#tab2">Корзина</a></li>
 <li><a class="" href="#tab3">Есть вопрос?</a></li>
</ul>
 
<div class="tabs-container">
<div style="display: block;" class="tab" id="tab1">
Вкладка 1
</div> 
<div style="display: none;" class="tab" id="tab2">
Вкладка 2
</div>
<div style="display: none;" class="tab" id="tab3">
Вкладка 3
</div>

</div>
</div>

а так же скрипт

<script type="text/javascript">

var tabber1 = new Yetii({
id: 'demo'
});

</script>

В общем скрипт отлично работает, но не совсем как мне нужно. Вопрос заключается в том, что вкладки меняются по клику, как реализовать появление вкладки при наведении курсора на ссылку, а при убирании курсора исчезали.

Пробовал менять в скрипте .onclick на .mouseover скрипт перестает работать!