## javascript
(function() {
		var back = [0,0];

    YAHOO.util.Event.on('logo', 'mouseover', function() {
      new YAHOO.util.Scroll('bd', {scroll: { to: [0, 600] }}, 1, YAHOO.util.Easing.easeBothStrong).animate();
    });
    YAHOO.util.Event.on('logo', 'mouseout', function() {
      new YAHOO.util.Scroll('bd', {scroll: { to: back }}, 1, YAHOO.util.Easing.easeBothStrong).animate();
    });

    YAHOO.util.Event.on(['mapa','project_list'], 'click', function() {
			var back = [974, 0];
      new YAHOO.util.Scroll('bd', {scroll: { to: [974,0] }}, 1, YAHOO.util.Easing.easeBothStrong).animate();
    });
})();



## html

<div id="bd">
	<div id="content">

		<div class="page">
			
			<div class="yui-gd screen">
				<div class="yui-u first">
					<img src="/images/lista.gif" id="project_list">
				</div>
				<div class="yui-u"><img src="/images/mapa_eur.gif" id="mapa"></div>
			</div>
		
			<div class="yui-gd screen">
				<div class="yui-u first"><img src="/images/morada.gif" id="morada"></div>
				<div class="yui-u"><img src="/images/lisboa.jpg" id="lisboa"></div>					
			</div>
			
		</div>
		
		<div class="page">
			<div class="screen">
				<img src="/images/cdi/1.jpg">
			</div>
		</div>
	</div></div>