var listMenu = new FSMenu('listMenu', true, 'visibility', 'visible', 'hidden');



// Next, here's some optional settings for delays and highlighting:

//  * showDelay is the time (in milliseconds) to display a new child menu.

//  * switchDelay is the time to switch from one child menu to another child menu.

//    Set this higher and point at 2 neighbouring items to see what it does.

//  * hideDelay is the time it takes for a menu to hide after mouseout.

//  * cssLitClass is the CSS classname applied to parent items of active menus.

//  * showOnClick will, suprisingly, set the menus to show on click. Pick one of 3 values:

//    0 = all mouseover, 1 = first level click, sublevels mouseover, 2 = all click.



//listMenu.showDelay = 0;

//listMenu.switchDelay = 125;

//listMenu.hideDelay = 500;

listMenu.cssLitClass = 'highlighted';

//listMenu.showOnClick = 1;





// Now the fun part... animation! This script supports animation plugins you can add to each

// menu object you create. Here's two to get you started. To enable animation, add one or

// more functions to the menuObject.animations array, and set menuObject.animSpeed to the

// desired percentage of animation to be completed per frame.

// Animation functions are called with a reference to the menu element being animated,

// and a counter variable that changes from 0 to 100 depending on the animation progress.



function animClipDown(ref, counter)

{

 var cP = Math.pow(Math.sin(Math.PI*counter/200),0.75);

 ref.style.clip = (counter==100 ?

  ((window.opera || navigator.userAgent.indexOf('KHTML') > -1) ? '':

   'rect(auto, auto, auto, auto)') :

    'rect(0, ' + ref.offsetWidth + 'px, '+(ref.offsetHeight*cP)+'px, 0)');

};



function animFade(ref, counter)

{

 var f = ref.filters, done = (counter==100);

 if (f)

 {

  if (!done && ref.style.filter.indexOf("alpha") == -1)

   ref.style.filter += ' alpha(opacity=' + counter + ')';

  else if (f.length && f.alpha) with (f.alpha)

  {

   if (done) enabled = false;

   else { opacity = counter; enabled=true }

  }

 }

 else ref.style.opacity = ref.style.MozOpacity = counter/100.1;

};



// I'm applying them both to this menu and setting the speed to 20%. Delete this to disable.

listMenu.animations[listMenu.animations.length] = animFade;

listMenu.animations[listMenu.animations.length] = animClipDown;

listMenu.animSpeed = 20;



var arrow = null;

if (document.createElement && document.documentElement)

{

// arrow = document.createElement('span');

// arrow.appendChild(document.createTextNode('>'));

 // Feel free to replace the above two lines with these for a small arrow image...

 arrow = document.createElement('img');

 arrow.src = '/arrow.gif';

 arrow.style.borderWidth = '0';



 arrow.className = 'subind';

}



addEvent(window, 'load', new Function('listMenu.activateMenu("listMenuRoot", arrow)'));	
