// JavaScript Document
var numImg=10;
var imgActual=1;
function animacion(){
	setTimeout(animacion1,6000);
}
function animacion1(){
	
	$(".animacionImg1").animate({ width:700,height:370,marginLeft:-95,marginTop:-45},{duration:2000});//600 250 original 193 75
	$(".animacionImg1").animate({ opacity:0.5},{duration:2000,complete:animacion2});
	selectImg()
	$(".animacionImg2 img").attr("src","portadas/"+imgActual+".jpg")
}
function animacion2(){
	$(".animacionImg1").animate({ marginTop:-412},{duration:2000});
	$(".animacionImg2").animate({ opacity :1},{duration:2000});
	$(".animacionImg2").animate({ width:620,height:340,marginLeft:0,marginTop:10},{duration:2000,complete:setTimeout(endAnimacion,10000)});
	
}
function endAnimacion(){
	$(".animacionImg2").animate({width:700,height:370,marginLeft:-95,marginTop:0},{duration:2000});
	$(".animacionImg2").animate({ opacity:0.5},{duration:1000,complete:restart});
	selectImg()
	$(".animacionImg1 img").attr("src","portadas/"+imgActual+".jpg")
}
function restart(){
	$(".animacionImg1").animate({opacity:1,marginTop:0,width:620,height:340,marginLeft:0},{duration:2000,complete:setTimeout(animacion1,10000)}); 
}
function selectImg(){
	if(imgActual<numImg)
		imgActual++;
	else
		imgActual=1;

}