OnMouseOut to Multi_Slides demo

Question

I've searched the forum and found similar questions, but I can't seem to make it work.
I'm using the Spry setup from the multi_slides demo. Initially the links were set to 'onclick'. I have changed this to 'onmouseover' and it seems to work fine.
http://labs.adobe.com/technologies/spry/samples/effects/multiple_slides_sample.html
My next task is to add 'onmouseout' to retract the slide, as it is when the page first opens. (But, I don't actually want to reload the page)
I assume that this can be done, as the page opens with all slides closed/retracted.
I can fake it by adding 'slide0' to the 'onmouseout', but this slide doesn't exist and it seems wrong.
Any ideas on how to do this correctly?
...After more testing, the dummy panel 'panel0' does work, but it's buggy. Sometimes a panel will stick in the open position, then reverse the out and over functions. And sometimes a panel will stick open, and other panels will open on top of it.
It seems that the 'onmouseout' function doesn't have the same usability defense thingys that the 'onclick/onmouseover' function has.
So, maybe that is the question... Ahhh, I don't know. Any thoughts would be appreciated.
<style type="text/css">
        .msDiv{
            overflow: hidden;
            border-bottom: #720050 2px solid ;
        .hiddenElement{
            display:none;
            /* Fix IE floating bug */
            position: absolute;
            top: 260px; /* Make this whatever is needed from the browser top */
    </style>
    <script type="text/javascript">
var observer = {};
observer.nextEffect = false;
observer.onPostEffect = function(e){
    if (this.nextEffect)
        var eff = this.nextEffect;
        setTimeout(function(){eff.start();}, 10);
    this.nextEffect = false;
function myPanelsSlides(currentPanel)
    // The list of all the panels that need sliding
    var panels = ['slide1', 'slide2', 'slide3', 'slide4', 'slide5', 'slide6', 'slide7'];
    var opened = -1;
    // Let's check if we have an effect for each of these sliding panels
    if (typeof effects == 'undefined')
        effects = {};
    for (var i=0; i < panels.length; i++)
        if (typeof effects[panels[i]] == 'undefined'){
            effects[panels[i]] = new Spry.Effect.Slide(panels[i], {from: '0%', to: '100%', toggle: true});
            effects[panels[i]].addObserver(observer);
        if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
            opened = i;
        //prevent too fast clicks on the buttons
        if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning)
            observer.nextEffect = effects[currentPanel];
            return;
    if (opened != -1)
        observer.nextEffect = effects[currentPanel];
        effects[panels[opened]].start();
    else if (effects[currentPanel].direction != Spry.forwards)
        effects[currentPanel].start();
    </script>
        <ul>
          <li onmouseover="myPanelsSlides('slide1');"  onmouseout="myPanelsSlides('slide0');"><a href="#">Slide 1 Title</a></li>
          <li onmouseover="myPanelsSlides('slide2');"  onmouseout=""><a href="#">Slide 2 Title</a></li>
        </ul>
      <div id="slidebox">
        <div id="slide1" class="hiddenElement">
          <div class="msDiv" >
            <h3>Heading</h3>
            <ul class="msDivlist">
              More stuff in the slide
            </ul>
          </div>
        </div><!-- End Slide 1 -->
        <div id="slide2" class="hiddenElement">
           <div class="msDiv" >
             <h3>Heading</h3>
            <ul class="msDivlist">
               More stuff in the slide
             </ul>
           </div>
         </div><!-- End Slide 2 -->
      </div><!-- End Slide Box -->

Answer 1

In the end, to fix the bugginess, I set the panels to activate with onclick. I kept the onmouseout set to activate the invisible/dummy panel0. It works, but it seems kinda' hacky.