window.addEvent('domready', function(){

	var scroll = new Fx.Scroll('wrapper', {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('first');
	});
	
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('second');
	});
	
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('third');
	});
	
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('forth');
	});
	
	$('link5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('top');
	});
});
		

window.addEvent('domready', function(){

	var bnrbox = $('bnr-box');
	var box = $('works-box'), log = $('log-text');
	var fx = box.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	var bnrfx = bnrbox.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	
	//chain [bnr-box]
	$('chain-text').addEvent('click', function() {
		log.setHTML('Show,');
		fx.start({
			'left' : 100,
			'width': 1
		}).chain(function(){
				// executes 2 seconds after completion of above effect
				log.setHTML('our');
				this.start({
					'width': 300,
					'left' : 800,
					'background-color' : '#000000'
				});
		}).chain(function(){
				log.setHTML('works');
				bnrfx.start({
					'top' : 0
				});
		});
	
	});

});


window.addEvent('domready', function(){

var scrollB = new Scroller('bnr-box', {area: 200, velocity: 0.2});

$('bnr-box').addEvent('mouseover', scrollB.start.bind(scrollB));
$('bnr-box').addEvent('mouseout', scrollB.stop.bind(scrollB));

});