var $j = jQuery.noConflict();

$j(document).ready(function() {

	$j('<div id="scrolltotop"><a href="#all">Retour en haut</a></div>').appendTo('body').css({opacity: 0});
	$j(window).scroll(function() {
		
		// Position du scroll par rapport à la hauteur max
		var scrollTop = $j(window).scrollTop();

		$j('#scrolltotop a').click(function() {
	    $j('html,body').stop().animate({scrollTop: 0}, 1500, 'easeOutQuint');
		});

   
		// Si la position du scroll est à la moitié de la taille du document, on affiche la div pour remonter.
		var div = $j('#scrolltotop');
		
		if(scrollTop >= 350) {
			if(div.css('opacity') == 0) {
				div.stop().animate({opacity: 1}, 500);
			}
		}
		else {	
			// Sinon, on affiche pas la div
			if(div.css('opacity') > 0) {
				div.stop().animate({opacity: 0}, 100);	
			} 
		}
	});
	$j(window).scroll();
});