Mootools hates me

[tominated]

does anybody know what I am doing wrong here? I have made it so mootools uses FX.Scroll to scroll a div that is 200% width so the second half can be seen, but, as usual, nothing happens. here is my javascript:

var scroll = new Fx.Scroll('content', {
			duration: 2500,
			transition: Fx.Transitions.Quad.easeInOut
		});

		$('toggle').addEvent('click', function(event) {
			event = new Event(event).stop();
			scroll.toElement('sidebar');
		});

here is the snippet of html that should be effected:

<div id="container">
	
	
	
	<div id="header">
		
		<h1>My Website</h1>
		<a href="#" id="toggle" name="toggle" title="Toggle between sidebar and content"></a>
		<div class="clear"></div>
		
	</div>
	
	
	
	<div id="content">
		
		<div id="maincontent">
			<h2>Title</h2>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas elementum odio nec felis. Proin lacinia augue non pede. Donec vitae nisi a eros congue laoreet. Sed nisi velit, pharetra a, adipiscing eget, cursus vel, velit. Cras leo libero, rutrum ut, varius sed, auctor sodales, risus. Mauris tristique. Maecenas aliquam, sem sed tempus dapibus, velit metus interdum dolor, quis convallis dolor massa non ligula. In vel leo. Etiam metus dolor, feugiat nec, euismod vel, volutpat et, mi. Fusce elit. Nulla facilisi. Vivamus accumsan, est in varius fermentum, lacus dolor facilisis leo, vel sodales nunc odio sit amet lectus. Etiam sed tellus nec lorem malesuada faucibus. Aenean suscipit, urna id sodales placerat, risus pede sodales est, eget faucibus lectus neque vel purus.
			</p>
		</div>
		
		<div id="sidebar">
			
		</div>
		
		<div class="clear"></div>
		
	</div>
	
	
	
</div>

thanks in advance!