document.observe("dom:loaded", function() {
  // Setup accordion vitrines principales
  var vitrineAccordion = new accordion('vitrines', {
    classNames : {
      toggle : 'titre_vitrine',
      toggleActive : 'titre_vitrine_active',
      content : 'contenu_vitrine'
    },
    defaultSize : {
      width : 774
    },
    direction : 'horizontal',
    alwaysOn : true,
    onEvent : 'mouseover'
  });         
  Try.these(function() { vitrineAccordion.activate($$('#vitrines .titre_vitrine')[0])});
  
  // Setup accordion vitrines tendances
  if ($('vitrine_tendances')) {
    var vitrineTendanceAccordion = new accordion('vitrine_tendances', {
      resizeSpeed : 9,
      classNames : {
        toggle : 'titre_vitrine',
        toggleActive : 'titre_vitrine_active',
        content : 'contenu_vitrine'
      },
      defaultSize : {
        width : 490
      },
      direction : 'vertical',
      alwaysOn : true,
      onEvent : 'mouseover'
    });         

    // Auto animate accordion vitrines tendances
    currentVitrineTendanceAccordion = 0;
    vitrineTendanceAccordion.activate($$('#vitrine_tendances .titre_vitrine')[currentVitrineTendanceAccordion]);
    vitrineAccordionPeriodicalExec = new PeriodicalExecuter(function() {
      currentVitrineTendanceAccordion += 1;
      if (currentVitrineTendanceAccordion == 5) {currentVitrineTendanceAccordion = 0}
      vitrineTendanceAccordion.activate($$('#vitrine_tendances .titre_vitrine')[currentVitrineTendanceAccordion]);
     }, 2);

    // Stop vitrine accordion on mouse over
    Event.observe('vitrine_tendances', 'mouseover', function(event) {
      vitrineAccordionPeriodicalExec.stop();
    });
  }

  // Animate fading ministore
  Crossfade.setup({autoLoad:false});
  var cf2 = new Crossfade('fader');

  // Tooltip vitrines
  $$('#vitrines area.tip').each(function(element) {
    new Tip(element, element.readAttribute('rel'), {
      width: 'auto',
      border: 1, radius: 1, hideOthers: true
    });
  });

});