window.addEvent('domready', function() {
	
	//$('nav-project').addEvent('click', startScroll.bind($('contents-project')));
	//$('nav-about').addEvent('click', startScroll.bind($('contents-about')));
	//$('nav-contact').addEvent('click', startScroll.bind($('contents-contact')));
	//$('toTop').addEvent('click', toTop);
		
	$('nav-project').addEvents({
		click: startScroll.bind($('contents-project')),
		mouseenter: function(){this.morph({'background-color': '#ccc'});},
		mouseleave: function(){this.morph({'background-color': '#eee'});}
	});
	$('nav-about').addEvents({
		click: startScroll.bind($('contents-about')),
		mouseenter: function(){this.morph({'background-color': '#ccc'});},
		mouseleave: function(){this.morph({'background-color': '#eee'});}
	});
	$('nav-contact').addEvents({
		click: startScroll.bind($('contents-contact')),
		mouseenter: function(){this.morph({'background-color': '#ccc'});},
		mouseleave: function(){this.morph({'background-color': '#eee'});}
	});
	$('toTop').addEvents({
		click: toTop,
		mouseenter: function(){this.morph({'background-color': '#666'});},
		mouseleave: function(){this.morph({'background-color': '#333'});}
	});
	
	

});

var startScroll = function(){
	var scroll = new Fx.SmoothScroll(window);
	scroll.toElement(this);
}

var toTop = function(){
	var scroll = new Fx.SmoothScroll(window);
	scroll.toTop();
}