var nav =
{
  status:  '',
  current: '',
  older:   ''
}


function fadeList(aelt)
{
  aelt.up('li').show();
  aelt.hide();
  Effect.Appear(aelt, {duration: 0.05, queue: 'end'});
}


function fetchHref(ulelt)
{
  new Effect.Opacity(ulelt.down(2).id, {duration: 0, from:0.5, to:1, queue:'end'});
  $A(ulelt.getElementsByClassName('preload')).each(fadeList);
}


function cleanNonFirst(elt)
{
  if(!elt.id.endsWith('-0'))
  {
    elt.hide();
  }
  else
  {
    new Effect.Opacity(elt.down(1).id, {duration: 0, from:1, to:0.5, queue:'end'});
  }
}


function setEffectUL(event)
{
  ulelt = Event.element(event);

  if (ulelt.tagName != 'UL')
  {
    ulelt = ulelt.up('ul');
  }

  nav.older = nav.current;
  nav.current = ulelt.id;

  // We are in a new block
  if (nav.current != nav.older)
  {
    if (nav.older != '')
    {
      //action effacer older
      $A($(nav.older).getElementsByTagName('li')).each(cleanNonFirst);
    }

    //action affiche current
    fetchHref(ulelt);
  }
}


function setEvent(eltid)
{
  Event.observe($(eltid), 'mouseover', setEffectUL);
}


function watchList()
{
  $A($('content').getElementsByTagName('ul')).each( function (elt) { setEvent(elt.id); });
}

/* Run script */
Event.observe(window, 'load', watchList);




function changeOpacity(elt)
{
  elt.up('li').show();

  new Effect.Opacity(elt.firstDescendant().id, {duration: 0, from:1, to:0.5, queue:'end'});
}

function hideList()
{
  $A($('content').getElementsByClassName('firsttheme')).each(function (elt) { changeOpacity(elt) });
}

Event.observe(window, 'load', hideList);