//Función que recibe el número de la pestaña a desplazar y la dirección, donde:
//				1=izquierda
//				2=derecha
//	Para añadir más pestañas basta con añadir otro case al switch(num)
//
//	Se anima 3 veces en cascada según la dirección:
//		-Izquierda(1): 
//			-	10 píxeles menos que la posición final
//			-	5 píxeles más que la posición final
//			-	Los píxeles exactos de la posición final
//		-Derecha(2): 
//			-	10 píxeles más que la posición final
//			-	5 píxeles menos que la posición final
//			-	Los píxeles exactos de la posición final
//
//	Tiene la variable tiempo donde se le indican los milisegundos del movimiento
//		
//	Ejemplos: 
//		-Va para la izquierda y la posición final es 78px...
//			$("#fase2").animate({left:"68px"},tiempo, function(){
//				$("#fase2").animate({left:"83px"},tiempo-30,function(){		Le resto 30 al tiempo total para que esa animación vaya más rápida que el resto
//					$("#fase2").animate({left:"78px"},tiempo)
//					})
//				});
//			}
//
//		-Va para la derecha y la posición final es 522px...
//			$("#fase2").animate({left:"532px"},tiempo, function(){
//				$("#fase2").animate({left:"517px"},tiempo-30,function(){  	Le resto 30 al tiempo total para que esa animación vaya más rápida que el resto
//					$("#fase2").animate({left:"522px"},tiempo)
//				})
//			});
//
//



function anima(num,direccion)
{
	var tiempo=250; //Variable que almacena el tiempo de la transición
					//direccion: 1=izquierda, 2=derecha
	switch(num)
	{
		case 1:
			if (direccion==1)
			{
			}
			if (direccion==2)
			{
			}
			break;
		case 2:
			if (direccion==1)
			{
				$("#fase2").animate({left:"68px"},tiempo, function(){
						$("#fase2").animate({left:"83px"},tiempo-30,function(){
							$("#fase2").animate({left:"78px"},tiempo)
						})
					});
				}
			if (direccion==2)
			{
				$("#fase2").animate({left:"532px"},tiempo, function(){
					$("#fase2").animate({left:"517px"},tiempo-30,function(){
						$("#fase2").animate({left:"522px"},tiempo)
					})
				});
			}
			break;
		case 3:
			if (direccion==1)
			{
				$("#fase3").animate({left:"146px"},tiempo, function(){
					$("#fase3").animate({left:"161px"},tiempo-30,function(){
							$("#fase3").animate({left:"156px"},tiempo)
						})
					});
			}
			if (direccion==2)
			{
				$("#fase3").animate({left:"610px"},tiempo, function(){
					$("#fase3").animate({left:"595px"},tiempo-30,function(){
						$("#fase3").animate({left:"600px"},tiempo)
					})
				});
			}
			break;
		case 4:
			if (direccion==1)
			{
				$("#fase4").animate({left:"224px"},tiempo, function(){
					$("#fase4").animate({left:"239px"},tiempo-30,function(){
						$("#fase4").animate({left:"234px"},tiempo)
					})
				});
			}
			if (direccion==2)
			{
				$("#fase4").animate({left:"688px"},tiempo, function(){
					$("#fase4").animate({left:"673px"},tiempo-30,function(){
						$("#fase4").animate({left:"678px"},tiempo)
					})
				});
			}
			break;
		case 5:
			if (direccion==1)
			{
				$("#fase5").animate({left:"302px"},tiempo, function(){
					$("#fase5").animate({left:"317px"},tiempo-30,function(){
						$("#fase5").animate({left:"312px"},tiempo)
					})
				});
			}
			if (direccion==2)
			{
				$("#fase5").animate({left:"766px"},tiempo, function(){
					$("#fase5").animate({left:"751px"},tiempo-30,function(){
						$("#fase5").animate({left:"756px"},tiempo)
					})
				});
			}
			break;
		case 6:
			if (direccion==1)
			{
				$("#fase6").animate({left:"380px"},tiempo, function(){
					$("#fase6").animate({left:"395px"},tiempo-30,function(){
						$("#fase6").animate({left:"390px"},tiempo)
					})
				});
			}
			if (direccion==2)
			{
				$("#fase6").animate({left:"844px"},tiempo, function(){
					$("#fase6").animate({left:"829px"},tiempo-30,function(){
						$("#fase6").animate({left:"834px"},tiempo)
					})
				});
			}
			break;
	}
}