window.addEvent('domready', function(){
	$('mainNav').getChildren('li').each( function (item, index)
	{
		item.addEvent('mouseenter', function () { 
			/*item.getElements('a')[0].tween('background-color','#d6d6d6');
			item.getElements('a')[0].morph('color','#BD0E38');*/
			if (this.getElements('ul')[0]) {
				this.getElements('ul')[0].tween('display','block'); 
				var myEffects1 = new Fx.Morph(item.getElements('a')[0], {duration: 1, transition: Fx.Transitions.Sine.easeOut});
 					myEffects1.start({
 			   		'background-color': '#d6d6d6',
 			   		'color': '#BD0E38'
				});
			}
		}.bind(item) );
		item.addEvent('mouseleave', function () {
			if (this.getElements('ul')[0]) {
				this.getElements('ul')[0].tween('display','none'); 
				var myEffects2 = new Fx.Morph(item.getElements('a')[0], {duration: 1, transition: Fx.Transitions.Sine.easeOut});
 				myEffects2.start({
 				   'background': 'none',
 				   'color': '#fff'
				});
			}
		}.bind(item) );
		item.addEvent('click', function(){
    			var myEffects = new Fx.Morph('pins', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
 			myEffects.start({
 			   'margin-top': 6
			});
		});
	});
	$$('.start').getChildren('ul').each( function (item, index)
	{
		item.addEvent('click', function(){
    			var myEffects = new Fx.Morph('pins', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
 			myEffects.start({
 			   'margin-top': 6
			});
		});
	});
	
});