// Libreria para el efecto del cambio de fondo
function prepararBg(){
	/**
	 * Pongo en posicion la primera imagen.
	 */
	$('#bg1').css('left','0px');
	$('#gl1').css('left','0px');
	$('#a1').parent().css('width','205px');
	$('#a1').css('left','0px');
	$('#botonesCambiaBg li').bind('click',function(event){
		event.preventDefault();
		cambioBg(event.target.className);
		return false;
	})
	
}

function cambioBg(idBg){
	
	numeroDeImagenes = $('#imagenes_bg img').size();
	
	/**
	 * Busco que imagen tiene pocision left 0 y por lo tanto es la activa
	 */
	for(i=1; i<=numeroDeImagenes; i++){
		if($('#imagenes_bg img').filter('#bg'+i).css('left') == '0px'){
			idActual = 'bg'+i;
		}
	}
	/**
	 *  Si estoy haciendo click en un link que NO sea de la imagen que esta activa
	 */
	if(idBg != idActual){
		//idGalActual = 'gl'+idActual.substr(2);
		//idGalNueva = 'gl'+idBg.substr(2);
		/**
		 * Obtengo la propiedad width de las imagenes, y le quito el 'px'
		 */
		anchoImagen = $('#imagenes_bg img').css('width');
		anchoImagen = anchoImagen.substr(0,anchoImagen.length-2);
		//anchoImagenGal = $('#galeria img').css('width');
		//anchoImagenGal = anchoImagenGal.substr(0,anchoImagenGal.length-2);
		/**
		 * Mientras sucede la animacion, le quito funcion a los botones para que si se le da click mientras esto sucede
		 * no se corte la animacion.
		 */
		//$('#botonesCambiaBg li').unbind('click');
		//$('#botonesCambiaBg li').bind('click',function(){
		//	return false;
		//});
		/**
		 * Me aseguro que la imagen de la galeria que va a entrar siempre entre SOBRE la que esta saliendo.
		 */
		//$('#'+idGalActual).css('z-index','10');
		//$('#'+idGalNueva).css('z-index','20');
		
		/**
		 * Realizo la animacion.  Al movimiento de salida de la imagen actual le doy un delay de 10 milisegundos
		 * sobre el movimiento de la que viene entrando, para prevenir que se vean espacios en blanco entre las 
		 * dos imagenes.
		 */
		//alert('#'+idBg);
		$('#'+idBg).css('left','-'+anchoImagen+'px');
		$('#'+idActual).delay(10).animate({'left': '+='+anchoImagen}, 'slow',function(){
			$('#'+idActual).css('left','-'+anchoImagen+'px');
		});
		$('#'+idBg).animate({'left':'+='+anchoImagen},'slow');
			/**$('#'+idGalActual).animate({'left':'-='+anchoImagenGal},'slow');
		$('#'+idGalNueva).animate({'left':'+='+anchoImagenGal},'slow', function(){
		
			 * Al terminar la animacion, le regreso su funcion a los botones.
			 
			$('#botonesCambiaBg li').bind('click',function(event){
				event.preventDefault();
				cambioBg(event.target.className);
				return false;
			});
		});*/
	}
}
function rotation(){
	cambioBg('bg2');
	$(cambioBg('bg1')).delay(5000);
	};
	
function cambio(img){
			$('#imaNota').css('background-image','url("'+img+'")');
			
	};