var tiempoDeMovimiento=500;
var animacion;

$(document).ready(function() {
	//Añadimos la funcionalidad de Over a los menus
	$('.menuConPuntero').hover(
		function () {
			//if (!$(this).hasClass("activo")) {
				var destino=($(this).offset().left)-($("#bloqueMenu").offset().left); //La posicion del elemento sobre el que hacemos over menos la posicion del contenedor de los elementos
				//Más la mitad de la altura del elemento en cuestion
				destino+=($(this).width()/2); 
				//Menos la mitad del ancho del puntero
				destino-=parseInt($("#puntero").width())/2; 
				$("#puntero").animate({
					left: [destino+"px", "swing"]}, {
					duration: tiempoDeMovimiento,
					queue: false,
					specialEasing: {						
						top: "easeInBounce"
					}
				})
				//$(this).animate({color:'#700400'}, {queue:false,duration:500});
			//}
		}
	);
});
function movimientoInicial () {
	//Componemos el destino
	
	var destino=($("#menuActivo").offset().left)-($("#bloqueMenu").offset().left);
	//if (navigator.userAgent.toLowerCase().indexOf("chrome")!=-1) destino=document.getElementById('menuActivo').offsetLeft;
	
	//Más la mitad de la altura del elemento en cuestion
	//if (navigator.userAgent.toLowerCase().indexOf("chrome")!=-1) destino+=(parseInt(document.getElementById('menuActivo').width)/2); 
	/*else*/
	destino+=($("#menuActivo").width()/2);
	//Menos la mitad del ancho del puntero
	destino-=parseInt($("#puntero").width())/2;
	$("#puntero").animate({
			left: [destino+"px", "swing"]}, {
			duration: tiempoDeMovimiento, 
			queue: false,
			specialEasing: {
				top: "easeInBounce"
			}
		}
	)
}