window.addEvent('domready',function() {
	$each($$('.fade'), function(el) {
		var original = el.getStyle('color');
		var morph = new Fx.Morph(el,{ 'duration':'300', link:'cancel' });
		var fx = new Fx.Morph(el,{ duration:200, link:'cancel' });
		el.addEvents({
			'mouseenter' : function() {  fx.start({ 'padding-left': 5 }); morph.start({ 'color':'#B6D446' }) },
			'mouseleave' : function() { fx.start({ 'padding-left': 0 }); morph.start({ 'color': original }) }
		});
	});

//time to implement basic show / hide
			Element.implement({
				//implement show
				show: function() {
					this.setStyle('display','block');
					this.setStyle('opacity','0.1');
					this.setStyle('filter','alpha(opacity=10)');
					document.getElementById('more').style.display = 'none';
					this.fancyShow();
				},
				//implement hide
				hide: function() {
					this.setStyle('display','none');
					
				}
			});
			
			//time to implement basic fancy show / hide
			Element.implement({
				//implement fancy show
				fancyShow: function() {
					this.fade('in');
				},
				//implement fancy hide
				fancyHide: function() {
					this.fade('out');
				}
			});








});