// JavaScript Document

// Variables para la animaión de los enlaces HOME
var signo = 1;
var signo2 = 1;
var signo3 = 1;
var signo4 = 1;
$(document).ready(function(){
	/* La animación para los enlaces del menu de navegación */
	$('#header img').hover(function(){
		var imagenOver = 'images/menu-nav-over' + $(this).attr('alt') + '.png';
		if($(this).attr('alt')!='logo'){
			$(this).attr('src',imagenOver);
		}
	},function(){
		var imagenOut = 'images/menu-nav' + $(this).attr('alt') + '.png';
		if($(this).attr('alt')!='logo'){
			$(this).attr('src',imagenOut);
		}
	});
	
	$('#ronda-1 a').hover(function(){
		$('img:first',this).fadeTo('slow',.8);
		if(signo == 1){
			$('img:last',this).animate({
				'top':'-=185px'
			},700,'easeOutBack');
			signo = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700,'easeOutBack');
			signo = 1;
		}
	},function(){
		$('img:first',this).fadeTo('slow',1);
		if(signo == 2){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeInBack');
			signo = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeInBack');
			signo = 1;
		}
	});
	
	$('#ronda-2 a').hover(function(){
		$('img:first',this).fadeTo('slow',.8);
		if(signo2 == 1){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeOutBack');
			signo2 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeOutBack');
			signo2 = 1;
		}
	},function(){
		$('img:first',this).fadeTo('slow',1);
		if(signo2 == 2){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeInBack');
			signo2 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeInBack');
			signo2 = 1;
		}
	});
	
	$('#ronda-3 a').hover(function(){
		$('img:first',this).fadeTo('slow',.8);
		if(signo3 == 1){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeOutBack');
			signo3 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeOutBack');
			signo3 = 1;
		}
	},function(){
		$('img:first',this).fadeTo('slow',1);
		if(signo3 == 2){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeInBack');
			signo3 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeInBack');
			signo3 = 1;
		}
	});
	
	$('#ronda-4 a').hover(function(){
		$('img:first',this).fadeTo('slow',.8);
		if(signo4 == 1){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeOutBack');
			signo4 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeOutBack');
			signo4 = 1;
		}
	},function(){
		$('img:first',this).fadeTo('slow',1);
		if(signo4 == 2){
			$('img:last',this).animate({
				'top':'-=185px'
			},700, 'easeInBack');
			signo4 = 2;
		}else{
			$('img:last',this).animate({
				'top':'+=185px'
			},700, 'easeInBack');
			signo4 = 1;
		}
	});
	
})