var Defilement = Class.create();

Defilement.prototype = {

  

  initialize: function(identifiant) {

    this.identifiant = identifiant;

    this.vitesse= 10;

    this.statut = 0;

  },

  defiler: function(){

    if($(this.identifiant) != null){

      if(this.statut == 1){

        $(this.identifiant).scrollTop += this.vitesse; 

      }else if(this.statut == 2){

        $(this.identifiant).scrollTop -= this.vitesse; 

      }

    }

  },

  monter: function(){

  this.statut = 2;

  },

  descendre: function(){

  this.statut = 1;

  },

  arreter: function(){

  this.statut = 0;

  },

  automatique: function(){

  this.statut = 0;

  }

};



var article = new Defilement("contenu-art-contenu");
var agenda_article = new Defilement("agenda-art-contenu");
var menu_article = new Defilement("menu-art-contenu");
var actu = new Defilement("liens-actu");
var menu_rub = new Defilement("menu-rub-contenu");
var contenu_rub = new Defilement("contenu-rub-contenu");
var agenda2 = new Defilement("agenda-2");
var agenda = new Defilement("agenda");

new PeriodicalExecuter(function(pe) {

// défilement des actualités

actu.defiler();
agenda.defiler();
agenda2.defiler();
article.defiler();
menu_article.defiler();
menu_rub.defiler();
contenu_rub.defiler();
agenda_article.defiler();
},0.1

);


Event.observe("lien1","mouseover",function(event){
  $("menu1").show();
});
Event.observe("menu1","mouseover",function(event){
  Element.show($("menu1"));
});
Event.observe("menu1","mouseout",function(event){
  Element.hide($("menu1"));
});

Event.observe("lien1","mouseout",function(event){
  Element.hide($("menu1"));
});


Event.observe("lien2","mouseover",function(event){
  $("menu2").show();
});
Event.observe("menu2","mouseover",function(event){
  Element.show($("menu2"));
});
Event.observe("menu2","mouseout",function(event){
  Element.hide($("menu2"));
});

Event.observe("lien2","mouseout",function(event){
  Element.hide($("menu2"));
});

Event.observe("lien3","mouseover",function(event){
  $("menu3").show();
});
Event.observe("menu3","mouseover",function(event){
  Element.show($("menu3"));
});
Event.observe("menu3","mouseout",function(event){
  Element.hide($("menu3"));
});

Event.observe("lien3","mouseout",function(event){
  Element.hide($("menu3"));
});