function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			//e = new Event(e).stop();
			if(e) e.stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
};

var aboutOpen = 0;
var contactOpen = 0;
var recrutOpen = 0;
var consoOpen = 0;
var agencyOpen = 0;
var videoOpen = 0;


window.addEvent('domready', function(){
	
  var fondNoir = new Element('div', {'class': 'noir'});
  var page = $('content').getFirst();
  fondNoir.inject(page, 'after');
   
  $('linkAbout').getFirst().addEvent('click',function(e) {
	new Event(e).stop();
	if (contactOpen == 1 || recrutOpen == 1 || consoOpen == 1 || agencyOpen == 1 || videoOpen == 1) {
		$$('#contact','#recrut','#conso','#agency','#video').fade('hide');
		contactOpen = 0;
		recrutOpen = 0;
    };
   
	$$('.noir').setStyle('display','block').fade('hide').fade(0.7);
	$$('#about', '.fermer').setStyle('display','block').fade('hide').fade('in');
	aboutOpen = 1;
	makeScrollbar($('contenuc'), $('scrollbc'), $('knobc'));
  });
  
  $('linkContact').getFirst().addEvent('click',function(e) {
	ouvreContact();
  });
  
  $('conso').getFirst().addEvent('click',function(e) {
	ouvreConso();
  });
  
  /*$('agency').getFirst().addEvent('click',function(e) {
	ouvreAgency();
  });*/
  
  $('video').getFirst().addEvent('click',function(e) {
	ouvreVideo();
  });
  
  //recrut
  if ($('linkRecrut')) {
  $('linkRecrut').getFirst().addEvent('click',function(e) {
	if (aboutOpen == 1 || contactOpen == 1 || consoOpen == 1 || agencyOpen == 1 || videoOpen == 1) {
		$$('#about','#contact','#conso','#agency','#video').fade('hide');
		aboutOpen = 0;
		contactOpen = 0;
		consoOpen = 0;
		agencyOpen = 0;
		videoOpen = 0;
    };
	$$('.noir').setStyle('display','block').fade('hide').fade(0.7);
	$$('#recrut','.fermer').setStyle('display','block').fade('hide').fade('in');
	makeScrollbar($('contenu'), $('scrollb'), $('knob'));
	recrutOpen = 1;
  });
  };
  
  //if($$('.fermer')) {
	 $$('.fermer').addEvent('click',function(e) {
	  $$('.noir').fade('out');
	  $$('.page', '.fermer').fade('out');
	 }); 
  //};
   
$('fermer2').addEvent('click',function(e) {
	  $$('.noir').fade('out');
	  $$('.page2','#fermer2').fade('out');
	 }); 
	 
$('fermer3').addEvent('click',function(e) {
	  $$('.noir').fade('out');
	  $$('.page3','#fermer3').fade('out');
	 });   
  
});

function ouvreAgency() {
  if (aboutOpen == 1 || recrutOpen == 1 || contactOpen == 1 || consoOpen == 1 || videoOpen == 1) {
    $$('#about','#conso','#contact','#recrut','#agency').fade('hide');
	aboutOpen = 0;
	recrutOpen = 0;
	contactOpen = 0;
	consoOpen = 0;
	videoOpen = 0;
  };
  
  $$('.noir').setStyle('display','block').fade('hide').fade(0.7);
  $$('#agency','#fermer3').setStyle('display','block').fade('hide').fade('in');
  agencyOpen = 1;
  
};

function ouvreVideo() {
  if (aboutOpen == 1 || recrutOpen == 1 || contactOpen == 1 || consoOpen == 1 || agencyOpen == 1) {
    $$('#about','#conso','#contact','#recrut','#agency').fade('hide');
	aboutOpen = 0;
	recrutOpen = 0;
	contactOpen = 0;
	consoOpen = 0;
	agencyOpen = 0;
  };
  
  $$('.noir').setStyle('display','block').fade('hide').fade(0.7);
  $$('#video','#fermer2').setStyle('display','block').fade('hide').fade('in');
  videoOpen = 1;
  
};

function ouvreConso() {
  if (aboutOpen == 1 || recrutOpen == 1 || contactOpen == 1 || videoOpen == 1 || agencyOpen == 1) {
    $$('#about','#contact','#video','#recrut','#agency').fade('hide');
	aboutOpen = 0;
	recrutOpen = 0;
	contactOpen = 0;
	videoOpen = 0;
	agencyOpen = 0;
  };
  
  $$('.noir').setStyle('display','block').fade('hide').fade(0.7);
  $$('#conso','.fermer').setStyle('display','block').fade('hide').fade('in');
  makeScrollbar($('contenud'), $('scrollbe'), $('knobe'));
  consoOpen = 1;
  
};

function ouvreContact() {
  if (aboutOpen == 1 || recrutOpen == 1 || consoOpen == 1 || agencyOpen == 1 || videoOpen == 1) {
    $$('#about','#recrut','#conso','#agency','#video').fade('hide');
	aboutOpen = 0;
	recrutOpen = 0;
	consoOpen = 0;
	agencyOpen = 0;
	videoOpen = 0;
  };
  
  $$('.noir').setStyle('display','block').fade('hide').fade(0.7);
  $$('#contact','.fermer').setStyle('display','block').fade('hide').fade('in');
  contactOpen = 1;
  
};