Cycle with custom navigation (on mouse over) using my page navigation menu

Cycle with custom navigation (on mouse over) using my page navigation menu

Just wanted to add the cycle plugin to show content when i hover over my main navigation menu related to the cycleing rotation. So i need a solution to tell cycle an id to cycle to. So far i am stuck with before and after functions.

  1. $(document).ready(function(){
      $('#onpoxSlider').cycle({
        fx:     'scrollLeft',
        easing: 'bounceout',
        delay:  -2000,
        before:  onBefore,
        after:   onAfter
      });

      function onBefore() {
        // ...
      }

      function onAfter() {
        $("#t" + this.id).toggleClass("isActive");
      }

    });
















Well, toggleClass without cycle won't even change my menu item's background image...
but the bigger problem right now is to finde the internal id for an active cycle item.
  1. .isActive, isActive li, isActive li a {
        color: #ffffff;
        background: #ffd600 url(images/topmenu_button.png) repeat-x 0 -40px !important;
        text-shadow: 1px 1px 1px #000000;
    }



I added id's to the main navigation t1 - t5.

Thanks in advance for any help :)