		function $I(element)  //raccourci  (ajout de "I" pour eviter les conflits de nommage entre les differents JS)
			{
				return document.getElementById(element);
			}
			
		function $SI(element)  //raccourci
			{
				return document.getElementById(element).style;
			}
		
		function gradientI(id, level)   //applique l'opacité
		{
			$SI(id).opacity = level;
			$SI(id).MozOpacity = level;
			$SI(id).KhtmlOpacity = level;
			$SI(id).filter = "alpha(opacity=" + level * 100 + ")";
			return;
		}

		function fadeinI(id, max)  // applique la transition d'opacité jusqu'ŕ max (opacité finale voulue)
		{
			var level = 0;
			while(level <= max)
			{
				setTimeout( "gradientI('" + id + "'," + level + ")", (level* 1000) + 10); // changer le 10000  pour changer la rapidité
				level += 0.01;
			}
			$I('scroll_clipper').scrollTop = 0;
			position = 0;
			stop = 0;
			hauteur = (document.getElementById("scroll_text").offsetHeight) - 260;
		}
		
	
		function move_up() 
		{
				position -= 20;
				if (position < 0) { position = 0; stop = 1;};
				move();
			
		}
		  
		function move_down() {
				position += 20;
				if (position > hauteur) { position = hauteur; stop = 1;};
				move();
		}

		function move()
	{
		$I('scroll_clipper').scrollTop = position;
	}
	
	
		function change1() 
		{
				$I('boutons').innerHTML = '<img src="images/boutonupon.png" id="up" alt="boutonup" class="bouton1" onmouseover="javascript:change1();" onmousedown="javascript:move_up();" /><img src="images/boutondown.png" id="down" alt="boutondown" class="bouton2" onmouseover="javascript:change2();" onmousedown="javascript:move_down();" style="margin-left: 10px;"/>';
		}
	
		function change2() 
		{
				$I('boutons').innerHTML = '<img src="images/boutonup.png" id="up" alt="boutonup" class="bouton1" onmouseover="javascript:change1();" onmousedown="javascript:move_up();" /><img src="images/boutondownon.png" id="down" alt="boutondown" class="bouton2" onmouseover="javascript:change2();" onmousedown="javascript:move_down();" style="margin-left: 10px;"/>';
		}
		function remettre() 
		{
				$I('boutons').innerHTML = '<img src="images/boutonup.png" id="up" alt="boutonup" class="bouton1" onmouseover="javascript:change1();" onmousedown="javascript:move_up();" /><img src="images/boutondown.png" id="down" alt="boutondown" class="bouton2" onmouseover="javascript:change2();" onmousedown="javascript:move_down();" style="margin-left: 10px;"/>';
		}
	
