Вопрос Netlog Default Template by SocialenginePro

I am trying to change the function of drop down menu for the "more" tab... right now, I have to click on the tab to get it to drop down and click on it again to get it to close... I would like it to open upon hover and close when mouse is moved away from menu container. I have played with a lot of function changes but cannot get it to work outside of replacing "click" with "mouseover" but then it will drop down upon hover but I have to click to close... Any ideas anyone? THANKS!

Here is my widget index.tpl code:

Kod:

<?php
/**
 * SocialEngine
 *
 * @category   Application_Extensions
 * @package    Netlogtemplate
 * @copyright  Copyright 2010-2011 SocialEnginePro
 * @license    http://www.socialenginepro.com
 * @author     Vadim
 */
?>
 
<?php if ( $this->navigation->count()>=9 ) { ?>
<script type="text/javascript">
window.addEvent('domready', function() {
$('netlogtemplate_navigation_more').addEvent('click', function(){     
$('netlogtemplate_navigation_dropdown').toggle();
});
});
</script>
<?php } ?>
 
<?php if ( $this->navigation->count()<9 ) { ?>
<?php echo $this->navigation()
->menu()
->setContainer($this->navigation)
->setPartial(null)
->setUlClass('navigation')
->render();
?>
<?php } else { ?>
<ul class="navigation">
<?php
$counter = 1;
foreach ( $this->navigation as $navig ) {
if ( $counter==9 ) {
print '<li><a href="javascript://" id="netlogtemplate_navigation_more">More &rArr;</a></li></ul><ul id="netlogtemplate_navigation_dropdown" class="navigation_dropdown">';
}
print '<li>' . $this->htmlLink($navig->getHref(), $navig->getLabel()) . '</li>';
$counter++;
}
?>
</ul>
<?php } ?>

There is a function in javascript - onmouseover and you need it if you wanna to open that menu on mouse hover., and close on mouse out
also, you need to make some changes in css codes - add if necessary some parts..

use Google, and you will find solution for that easy....

ADD:

take look at this part of code :

Kod:

addEvent('click', function

event is "click" and you need to be onmouseover - probably here is a catch...experiment with that.

I did and it didn't work. Replaced 'click' with 'mouseover'. Also tried replacing '.toggle();' with 'various events like 'mouseout'