function changeBg(var1) {
	document.getElementById('link1').style.backgroundImage=('url(menu_box_bg_hover.png)');
	document.getElementById('link2').style.backgroundImage=('url(bg_menu_pink.png)');
	document.getElementById('link3').style.backgroundImage=('url(bg_menu_green.png)');
	document.getElementById('link4').style.backgroundImage=('url(bg_menu_blue.png)');

	document.getElementById(var1).style.backgroundImage=('url()');
}

window.addEvent('domready',function() {
	$each($$('#nav ul li a'), function(el) {
		var morph = new Fx.Morph(el,{ 'duration':200, link:'cancel' });
		el.addEvents({
			'mouseenter' : function() { morph.start({ 'padding-left': 20}) },
			'mouseleave' : function() { morph.start({ 'padding-left': 10}) }
		})
	});
	//smooooooth scrolling enabled
	//new SmoothScroll({ options }, window);
	new SmoothScroll({ duration: 800	}, window);
});