var easing=false;
var tiempoMovimiento=200;
var alturaElementos=16;
var movimientoEnPx=-alturaElementos;
//var numeroDeOpcionesV=<?php echo $numeroDeOpcionesV=5; ?>;
$(document).ready(function() {
	//Vemos si queremos usar el easing
	if (easing) {
		//Con easing
		$('.elementoMenuPrincipal').hover(
			//Primera función, arriba
			function() {
				$(this).find(".contenedoraInterna").animate(
					{top: [movimientoEnPx+"px", "swing"]},
					{
						duration: tiempoMovimiento, 
						specialEasing: {
							top: "easeInBounce"
						}
					}
				)
			},
			//Segunda función, retorno
			function() {
				$(this).find(".elementoMenuPrincipal").animate(
					{top: ["0px", "swing"]},
					{
						duration: tiempoMovimiento, 
						specialEasing: {
							top: "easeInBounce"
						}
					}
				)
			}
		);
	} else {
		//Sin easing
		$('.elementoMenuPrincipal').hover(
			function () {
				$(this).find(".contenedoraInterna").animate({top:movimientoEnPx+"px"}, {queue:false,duration:tiempoMovimiento});
			}, function () {
				$(this).find(".contenedoraInterna").animate({top:"0px"}, {queue:false,duration:tiempoMovimiento});
			}
		);
	}
});