function makeScrollbar(content, scrollbar, handle, horizontal, ignoreMouse)
{
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y));
	if (steps <= 0)
	{
		scrollbar.setStyle('display', 'none');
		return (false);
	}
	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();
			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()});
}

window.addEvent('domready', function(){
    //var myFx = new Fx.Scroll('description', {'duration': '250'});
    var timer;

    makeScrollbar( $('scrolling-site'), $('scrollbar-site'), $('handle-site'), false);
    makeScrollbar( $('video-description'), $('scrollbar-description'), $('handle-description'), false);
    makeScrollbar( $('videos'), $('scrollbar-navigation'), $('handle-navigation'), false);

    /*function move_bottom(size)
    {
    	if (!size)
    		size = 5;
		if ($('description').getScroll().y < $('description').getScrollSize().y)
		{
			myFx.set(0, size + $('description').getScroll().y);
		}
    }

    function move_top(size)
    {
    	if (!size)
    		size = 5;
		if ($('description').getScroll().y > size)
			myFx.set(0, $('description').getScroll().y - size);
		else
			myFx.set(0, 0);
    }

	$('fleche-bas').addEvent('mouseover', function() {timer = move_bottom.periodical(50)});
	$('fleche-bas').addEvent('mouseout', function() {$clear(timer)});
	$('fleche-bas').addEvent('click', function() {myFx.start(0, $('description').getScroll().y + 150);});

	$('fleche-haut').addEvent('mouseover', function() {timer = move_top.periodical(50)});
	$('fleche-haut').addEvent('mouseout', function() {$clear(timer)});
	$('fleche-haut').addEvent('click', function() {myFx.start(0, $('description').getScroll().y - 150);});
	$('description').addEvent('mousewheel', function(e) {
        e.stop();
        if (e.wheel > 0)
        	move_top(100);
        else
       		move_bottom(100);
	});*/

	$$('.icones a').each(function (image) {
		image.addEvent('mouseover', function(e) {
			$$('.description_panneaux').each(function (element) {
				element.setStyle('display', 'none');
			});
			$('navigation_' + $(e.target).getProperty('n')).setStyle('display', 'block');
		});
	});

	$$('#foot img').each(function (image) {
		image.addEvent('mouseover', function(e) {
			$$('.foot-info').each(function (element) {
				element.setStyle('display', 'none');
			});
			$('plus-' + $(e.target).getProperty('n')).setStyle('display', 'block');
			$(e.target).setProperty('src', $(e.target).getProperty('on'));
		});
		image.addEvent('mouseout', function(e) {
			$(e.target).setProperty('src', $(e.target).getProperty('off'));
		});
	});

	//var myFx2 = new Fx.Scroll('videos', {'duration': '250'});
    var timer;

    /*function move2_bottom(size)
    {
    	if (!size)
    		size = 5;
		if ($('description').getScroll().y < $('videos').getScrollSize().y)
		{
			myFx2.set(0, size + $('videos').getScroll().y);
		}
    }

    function move2_top(size)
    {
    	if (!size)
    		size = 5;
		if ($('videos').getScroll().y > size)
			myFx2.set(0, $('videos').getScroll().y - size);
		else
			myFx2.set(0, 0);
    }

	$('fleche2-bas').addEvent('mouseover', function() {timer = move2_bottom.periodical(50)});
	$('fleche2-bas').addEvent('mouseout', function() {$clear(timer)});
	$('fleche2-bas').addEvent('click', function() {myFx2.start(0, $('videos').getScroll().y + 150);});

	$('fleche2-haut').addEvent('mouseover', function() {timer = move2_top.periodical(50)});
	$('fleche2-haut').addEvent('mouseout', function() {$clear(timer)});
	$('fleche2-haut').addEvent('click', function() {myFx2.start(0, $('videos').getScroll().y - 150);});
	$('videos').addEvent('mousewheel', function(e) {
        e.stop();
        if (e.wheel > 0)
        	move2_top(100);
        else
       		move2_bottom(100);
	});*/

	obj = new mooquee($('mooquee'), {marHeight: 110, marWidth: 280, steps: 1, speed: 40, direction: 'top'});
});