//javascript for changing images
var preImages = [];
var imgs = [];
var interval;
var i=0;
$(document).ready(function(){
	$('#noticias').hide()
		
interval = setInterval("subir()", 6000);//takes 6 seconds
interval = setInterval("bajar()", 6000);//takes 6 seconds
	
	$('#bottom img').mouseover(function(){
	var newSrc = $(this).attr('src');
	$('#busMio').attr('src', newSrc);
	});//end mouseover
	
	// creando el array de imagenes
	var imagenes = [];
	var i =0;
	for (var id=1; id<=24; id++){
	imagenes[i] = 'foto'+ id;
	i++;
	}
	
	for (var i=8; i<=16; i++){
		$('#'+imagenes[i]+' img').fadeOut(2000);
	}
	
	for (var j=0; j<=1; j++){
	$('#'+imagenes[j]+' img').animate({left:'-=50px'},10000);
	$('#'+imagenes[j]+' img').fadeOut(10000, function(){
	
		for (var j=2; j<=3; j++){
		$('#'+imagenes[j]+' img').animate({left:'-=100px'},10000);
		$('#'+imagenes[j]+' img').fadeOut(10000, function(){
		
			for (var j=4; j<=5; j++){
			$('#'+imagenes[j]+' img').animate({left:'-=100px'},10000);
			$('#'+imagenes[j]+' img').fadeOut(10000, function(){
				
				for (var j=6; j<=7; j++){
				$('#'+imagenes[j]+' img').animate({left:'-=100px'},10000);
				$('#'+imagenes[j]+' img').fadeOut(10000);//four fade out
				}//fourth for loop
				
			});//third fadeout
			}//third for loop
		
		});//second fadeout
	}//second for loop
	
	});//first fadeout
	}// first for loop
	
	
	for (var j=8; j<=9; j++){
	$('#'+imagenes[j]+' img').animate({left:'-=50px'},10000);
	$('#'+imagenes[j]+' img').fadeIn(10000, function(){
	
		for (var j=10; j<=11; j++){
		$('#'+imagenes[j]+' img').animate({left:'-=100px'},10000);
		$('#'+imagenes[j]+' img').fadeIn(10000, function(){
		
			for (var j=12; j<=13; j++){
			$('#'+imagenes[j]+' img').animate({left:'-=120px'},10000);
			$('#'+imagenes[j]+' img').fadeIn(10000, function(){
			
				for (var j=14; j<14; j++){
				$('#'+imagenes[j]+' img').animate({left:'-=140px'},10000);
				$('#'+imagenes[j]+' img').fadeIn(10000);//fourth fadein	
				}// fourth for loop
				
			});//third fadein
			}//third for loop
			
		});//second fade in
		}//second for loop
		
	});//first fadein
	}// first for loop
	
	

	});//end ready
	
	function subir(){
	$('#link').animate({top: '-=20px'},6000); //end animate
	$('#link').hide(6000);
	$('#noticias').show(6000);
	$('#noticias').animate({top:'-=20px'},6000);
	}//end subir
	
	function bajar(){
	$('#link').animate({top: '+=20px'},6000); //end animate
	$('#link').show(6000);
	$('#noticias').hide(6000);
	$('#noticias').animate({top:'+=20px'},6000);
	}//end subir