var slideScroll;
var slideGallery;
//Scroll
var m=false;
var d=false;
var v=2;

var Site = {
  	start: function(){
      Site.slideStaffs();
      Site.mooScrollBox();
    },
    
    //Scroll
    slideStaffs: function (){
      if($('slideStaff')){
        $('droite').addEvent('mouseover', function(event) {Site.droite('slideStaff');});
        $('droite').addEvent('mouseout', function(event) {Site.arret();});
        $('gauche').addEvent('mouseover', function(event) {Site.gauche('slideStaff');});
        $('gauche').addEvent('mouseout', function(event) {Site.arret();});
        $('gauche').addEvent('click', function(event) {Site.vitesse();});
        $('droite').addEvent('click', function(event) {Site.vitesse();});
      }
      if($('menuGallery')){
		$('right').addEvent('mouseover', function(event) {Site.droite('menuGallery');});
        $('right').addEvent('mouseout', function(event) {Site.arret();});
        $('left').addEvent('mouseover', function(event) {Site.gauche('menuGallery');});
        $('left').addEvent('mouseout', function(event) {Site.arret();});
        $('left').addEvent('click', function(event) {Site.vitesse();});
        $('right').addEvent('click', function(event) {Site.vitesse();});
      }
    },
    
    droite: function(obj) {
    	m=true;
    	Site.right(obj);
    },
    right: function(obj) {
        var z = $(obj);
        z.scrollLeft = z.scrollLeft + v;
        if(m) setTimeout("Site.right('"+obj+"')", 20); 
    },
    gauche: function(obj) {
    	d=true;
    	Site.left(obj);
    },
    left: function(obj) {
        var z = $(obj);
      	z.scrollLeft = z.scrollLeft - v;
      	if(d) setTimeout ("Site.left('"+obj+"')", 20); 
    },
    vitesse: function() {
    	v=v*2;
    },
    arret: function(){
    	m=false;
    	d=false;
    	v=2;
    },


    
    mooScrollBox: function (){
      var scrollBox = new MooScroll({selector:'#box', disabledOpacity: 0});
      $$('.wrapper').set('styles', {'width':'637px', 'height':'483px'});
    }
};
window.addEvent('domready', Site.start);