  

    Rico.loadModule('Accordion');

    function initAccordion(){

        new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent'),
                                {panelHeight:400, hoverClass: 'mdHover', selectedClass: 'mdSelected'});
    }
    
    var EffectDemo,div1,div2;

    var useDiv;
    
    Rico.onLoad( function() {

      initAccordion();

      EffectDemo = Class.create();

      EffectDemo.prototype = {

        initialize: function(element) {
          this.animator = new Rico.Effect.Animator();
          this.element = $(element);          
        },

        fadeEffectStarted: false,

        play: function(effect) {
          this.animator.play(effect, {steps:10, duration:400});
        },

        toggleFade: function(){
          this.play(new Rico.Effect.FadeTo(this.element, this.nextFadeState()));
        },

        nextFadeState: function(){
          this.fadeEffectStarted = !this.fadeEffectStarted;
          return !this.fadeEffectStarted ? 1 : 0;
        }

      };

      div1 = new EffectDemo('accordionVL17');
      div2 = new EffectDemo('newsContent');

      Ajax.Responders.register(
              { onComplete: function(){

                  if(useDiv == 1) {
                    initAccordion();
                    div1.toggleFade();
                  } else if(useDiv == 2) {
                    div2.toggleFade();
                    div2 = new EffectDemo('newsContent');
                  }
                }
              }
      );
    });

    function au(element,file){ new Ajax.Updater(element, file, { method: 'post' }); }

    function getLang(lang){
      useDiv = 1;
      var fun = 'au("accordionVL17","index'+lang+'.html")';

      div1.toggleFade();
      setTimeout(fun, 500);
    }
    
    function getInfo(cont){
      useDiv = 2;
	  window.location.hash="#"+cont;
      var fun = 'au("news","'+cont+'")';
      div2.toggleFade();
      setTimeout(fun, 500);
    }

