## mark a section (Learn more)

## 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>

This paste will be private.