miAnimacion = {
		
		imagenActual: 0,
		
		inicializar: function(){
			var html='';
			
			for(var i=0;i<miAnimacion.imagenes.length;i++){
				html+='<img id="imagen_'+i+'" src="'+miAnimacion.imagenes[i]+'"width="450" height="250" style="position:absolute; left:0; right:0 top:0 bottom:0;"/>';
			}

			$('#imagenes').html(html);
			$('#imagenes img').hide(); /* Inicialmente oculto las imagenes */
			
			setInterval(miAnimacion.cambiarImagen,8000);
			$('#imagen_'+miAnimacion.imagenActual).fadeIn(100);
			
		},
		
		cambiarImagen: function(){
			imagenAnterior=miAnimacion.imagenActual;
			miAnimacion.imagenActual += 1;	
			if (miAnimacion.imagenActual == miAnimacion.imagenes.length){
				miAnimacion.imagenActual = 0;
			}
			/* Oculto la imagen actual, la que se esta antes de incrementar */
			$('#imagen_' + imagenAnterior).fadeOut(5000);
			 /* Muestro la siguiente imagen, una vez incrementado la imagen actual*/
			$('#imagen_' + miAnimacion.imagenActual).fadeIn(5000); /*Un segudo para la accion */
			
			
		}
		
}//miAnimacion

$(document).ready(miAnimacion.inicializar);