Hi, I have drop down navigation on my site (test page :http://www.bozebo.com/index2.php) that tweens in and out. The problem is that the mouseover and mouseout events seem to be called when the mouse moves over elements within the original li that has the events on it. How do I tweek it to stop my navHover function from doing anything in these conditions.
You may want the relevant js file, and of course you can see the markup by viewing the source of my site but I will pull out one of the main parts for you:

          <li onmouseover="navHover('tutorials',1,this)" 
          onmouseout="navHover('tutorials',0,this)">
            <a href="tutorials">Tutorials</a>

            <ul id="tutorials">
              <li><a href="tutorials/php">PHP</a></li>
              <li><a href="tutorials/javascript">Javascript</a></li>
              <li><a href="tutorials/xhtml">XHTML</a></li>
              <li><a href="tutorials/css">CSS</a></li>
              <li><a href="tutorials/c">C/C++</a></li>

            </ul>
          </li>

Thanks in advance, I have posted on a couple of other forums some days ago with about 50 views and 0 replies >_<

Note: the main site has a simpler version, without the tween thats not working. /index2.php is the test page

Seems to be working fine on your site - what exactly is the problem?

sorry id given up on being helped (posted ages ago on other forums mainly) and removed the tween stuff, I'll set up another page to test it on (because i dont want the main site to be broken for too long)

Ok heres the url for the test: http://www.bozebo.com/index2.php

The problem is event bubbling.
when someone mouses between LI elements, a mouseout and a mouseover event is triggered.

You just need to it off.
add this to your onmouserover function

function navHover(nav,type,me,prev,evt){
    var e=(evt)?evt:window.event;
    if (window.event) {
        e.cancelBubble=true;
    } else {
        e.stopPropagation();
    }

do the same to your mouseout function.

Then, you will need to add the event in your HTML event handler

onmouseover="navHover('tutorials',1,this,event)"

Here's more about accessing the event object.

hope that helps

edit:

after being confused for a while and forgetting to remove the "prev" argument that i no longer use, i managed to stop firebug complaining about the script, but it is still bubbling. I also tried a few snippets from quirksmode and some other sites i found by googling "javscript bubbling". It still bubbles :S