window.addEvent('domready', function(){
	//First Example
	var MenuEquipamento = $('MenuEquipamento');
	var DropEquipamento = $('DropDownEquipamento');
	var MenuBicicletas = $('MenuBicicletas');
	var DropBicicletas = $('DropDownBicicletas');
	var MenuServicos = $('MenuServicos');
	var DropServicos = $('DropDownServicos');
	DropEquipamento.setStyle('height',"0px");
	DropBicicletas.setStyle('height',"0px");
	DropServicos.setStyle('height',"0px");
	DropEquipamento.set('opacity','.9');
	DropBicicletas.set('opacity','.9');
	DropServicos.set('opacity','.9');
	
	equipamentosHeight = $('dropEquipamentoTotal').get("value")*30;
	
	function OpenEquipamento() {
		var tamanho = DropEquipamento.getStyle("height");
		if (tamanho == "0px") {
			MenuEquipamento.setStyle('color','#000');
			var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 0.3);
			DropEquipamento.set('tween', {
				duration: 1000,
				transition: myTransition.easeOut // This could have been also 'bounce:out'
			}).tween('height', equipamentosHeight+'px');
		}
	}
	function CloseEquipamento() {
		var tamanho = DropEquipamento.getStyle("height").replace("px","");
		if (tamanho > 0) {
			MenuEquipamento.setStyle('color','#E31C24');
			DropEquipamento.set('tween', {}).tween('height', '0px');
		}
	}
	function OpenBicicletas() {
		var tamanho = DropBicicletas.getStyle("height");
		if (tamanho == "0px") {
			MenuBicicletas.setStyle('color','#000');
			var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 0.3);
			DropBicicletas.set('tween', {
				duration: 1500,
				transition: myTransition.easeOut // This could have been also 'bounce:out'
			}).tween('height', '200px');
		}
	}
	function CloseBicicletas() {
		var tamanho = DropBicicletas.getStyle("height").replace("px","");
		if (tamanho > 0) {
			MenuBicicletas.setStyle('color','#E31C24');
			DropBicicletas.set('tween', {}).tween('height', '0px');
		}
	}
	function OpenServicos() {
		var tamanho = DropServicos.getStyle("height");
		if (tamanho == "0px") {
			MenuServicos.setStyle('color','#000');
			var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 0.3);
			DropServicos.set('tween', {
				duration: 1000,
				transition: myTransition.easeOut // This could have been also 'bounce:out'
			}).tween('height', '170px');
		}
	}
	function CloseServicos() {
		var tamanho = DropServicos.getStyle("height").replace("px","");
		if (tamanho > 0) {
			MenuServicos.setStyle('color','#E31C24');
			DropServicos.set('tween', {}).tween('height', '0px');
		}
	}
	
	// The same as before: adding events
	MenuEquipamento.addEvents({
		'mouseenter': function(){
			CloseBicicletas();
			CloseServicos();
			OpenEquipamento();
		}
	});
	DropEquipamento.addEvents({
		'mouseleave': function(){
			CloseEquipamento();
		}
	});
	MenuBicicletas.addEvents({
		'mouseenter': function(){
			CloseEquipamento();
			CloseServicos();
			OpenBicicletas();
		}
	});
	DropBicicletas.addEvents({
		'mouseleave': function(){
			CloseBicicletas();
		}
	});
	MenuServicos.addEvents({
		'mouseenter': function(){
			CloseEquipamento();
			CloseBicicletas();
			OpenServicos();
		}
	});
	DropServicos.addEvents({
		'mouseleave': function(){
			CloseServicos();
		}
	});
		
});