window.addEvent('domready', function() {
	$('lfm').addEvent('click', function(e){
		if ( $('a').getStyle('display') == "none" ) {
//		var myEffect = new Fx.Morph('lfm', {duration: 'long', transition: Fx.Transitions.Sine.easeOut}).start({
//		    'width': [420, 700],  //Morphs the 'width' style from 900px to 300px.
//		    'background-color': '#666',  //Morphs the 'width' style from 900px to 300px.
//		    'margin-top': 200,
//		});

		var myEffect = new Fx.Morph('a', {duration: 'long', transition: Fx.Transitions.Sine.easeOut}).start({
		   'display': 'block',
		   'width': [100, 380],
		   'height': [100, 420],
		});

		} else {
//		var myEffect = new Fx.Morph('lfm', {duration: 'long', transition: Fx.Transitions.Sine.easeOut}).start({
//		    'width': [700, 200],  //Morphs the 'width' style from 900px to 300px.
//		    'background-color': '#333',  //Morphs the 'width' style from 900px to 300px.
//		    'margin-top': 0,
//		});

		var myEffect = new Fx.Morph('a', {duration: 'short', transition: Fx.Transitions.Sine.easeOut}).start({
		   'display': 'none',
		   'width': [180, 0],
		   'height': [420, 0],
		});

		}
	});

	$('one').addEvent('click', function(e){
		if ( $$('#one > ul').getStyle('display') == "none" ) {
		$$('#one > ul').setStyle('display', 'block');
		} else {
		$$('#one > ul').setStyle('display', 'none');
		}
	});


	var myEffect = new Fx.Morph('one', {duration: 'long', transition: Fx.Transitions.Sine.easeOut}).start({
	    'height': [0, 200], //Morphs the 'height' style from 10px to 100px.
	    'width': [0, 420],  //Morphs the 'width' style from 900px to 300px.
	});	
//	var myEffect = new Fx.Morph('lfm', {duration: 'long', transition: Fx.Transitions.Sine.easeOut}).start({
//	    'width': [10, 420],  //Morphs the 'width' style from 900px to 300px.
//	});
});