// JavaScript Document

var mouseX;
var mouseY;
var animisOver = true;
var cantidad;

function penduloAnim(target){
	
	$(window).mousemove(function(e){
    	mouseX = e.pageX; //- gives you X position
		mouseY = e.pageY; //- gives you Y position
	});
	
	$(target).hover(
		function () {
			
			cantidad = mouseY - 478;
			if(cantidad > 80)cantidad = 80;
			
			//alert(cantidad)
			
			if(mouseX <= 1334 && animisOver == true){
				derecha();
			}else if(mouseX >= 1410 && animisOver == true){
				izquierda();
			}
		}, 
		function () {
				
		}
	);
	function derecha(){
		animisOver = false;

		$('#llave').animate({rotate: '-='+cantidad+'deg'}, 200, function(){
			$('#llave').animate({rotate: '+='+cantidad+'deg'}, cantidad+1000, "easeOutElastic", function(){
				animisOver = true
			});
		});	
	}
	function izquierda(){
		animisOver = false

		$('#llave').animate({rotate: '+='+cantidad+'deg'}, 200, function(){
			$('#llave').animate({rotate: '-='+cantidad+'deg'}, cantidad+1000, "easeOutElastic", function(){
				animisOver = true
			});
		});
	}
};