// aņade funcionalidades javascript a los fotoAlbum
$(document).ready(function(){
	
	$("body").css({"overflow-y":"scroll"});
	$(".fotoAlbum ul li.fotoFotoAlbum a .titFoto span.fondo").css({opacity:0.50});
	$("ul.menuFotoFotoAlbum li.numeroFotosFotoAlbum span.fondo").css({opacity:0.50});
	
	var contsFotoAlbums = $(".contFotoAlbums");
	contsFotoAlbums.each(function(){
								  
		var contFotoAlbums = $(this);					  
		var menuFotoAlbums = contFotoAlbums.find(".menuFotoAlbums");
		var menuFotoAlbumsUL = menuFotoAlbums.find("ul:first");
		var fotoAlbums = contFotoAlbums.find(".fotoAlbum");
		var fotoAlbumsUL = fotoAlbums.find("ul:first");
		var primerFotoFotoAlbum = contFotoAlbums.find(".fotoAlbum:first .fotoFotoAlbum:first ");
		
		var ctrlMenuFotoAlbumsAnt = null;
		var fotoAlbumAnt = null;
		var fotoFotoAlbumAnt = null;
		var fotoAlbumsMaheight = 0;
		
		// menuFotoAlbums efecto slide
		menuFotoAlbums.height( primerFotoFotoAlbum.height() );
		menuFotoAlbumsUL.css({"positon":"absolute"});
		
		menuFotoAlbums.mousemove(function( e ){
		  	if( menuFotoAlbums.height() < menuFotoAlbumsUL.height() ){
				var margenTop = 50;
				var margenBottom = 100;
				var mouseTop = 	Math.round(( e.clientY + $("#colDer").scrollTop() ) - menuFotoAlbums.offset().top) - margenTop ;	
				var espacioRest = (menuFotoAlbumsUL.outerHeight() - menuFotoAlbums.height()) + margenBottom;
				var posTop = Math.round((mouseTop*( espacioRest * -1 ))/menuFotoAlbums.height());
				if( posTop > 0 ){
					posTop = 0;
				}
				if( posTop < ((espacioRest - margenBottom)*-1) ){
					posTop = ((espacioRest - margenBottom)*-1)  ;
				}
				
				menuFotoAlbumsUL.css({top: posTop });
			}
		});
		
		
		// controles para mostrar fotoAlbums
		menuFotoAlbums.find("a").each(function(n){
			var ctrlMenuFotoAlbums = $(this);
			this.ruta = ctrlMenuFotoAlbums.attr("href");
			ctrlMenuFotoAlbums.attr({"href":"javascript:void(0);"});
			if( n == 0 ){
				ctrlMenuFotoAlbums.addClass("itemActivo");
				ctrlMenuFotoAlbumsAnt = this;
			}
			ctrlMenuFotoAlbums.bind("click", function(){
				var thisFotoAlbum = null;
				var $ctrlMenuFotoAlbum = $(this);
				$(this.ruta).each(function(){ thisFotoAlbum = this });
				if( fotoAlbumAnt != thisFotoAlbum ){
					var $thisFotoAlbum = $(thisFotoAlbum);
					$thisFotoAlbum.css({"z_index":"0"});
					$(fotoAlbumAnt).css({"z_index":"1"});
					$thisFotoAlbum.fadeIn();
					
					// cargar la primera foto del fotoAlbum selecionado
					var imgFirst = $("ul:first li.fotoFotoAlbum:first a:first img:first", thisFotoAlbum);
					var srcImg = $("ul:first li.fotoFotoAlbum:first a:first .srcImg", thisFotoAlbum).attr("href");
					imgFirst.attr({"src":srcImg});
						
					$(fotoAlbumAnt).fadeOut();
					$ctrlMenuFotoAlbum.addClass("itemActivo");
					$(ctrlMenuFotoAlbumsAnt).removeClass("itemActivo");
					ctrlMenuFotoAlbumsAnt = this;
					fotoAlbumAnt = thisFotoAlbum;
				}
				// ir a la primera foto del fotoAlbum selecionado
				$(thisFotoAlbum).find("ul .fotoFotoAlbum").each(function( i ){
					var $fotoFotoAlbum = $(this);
					if( i != 0 && $fotoFotoAlbum.is(".visible") ){
						$fotoFotoAlbum.removeClass(".visible");
						$fotoFotoAlbum.fadeOut();
					}else if( i == 0 && !$fotoFotoAlbum.is(".visible") ){
						$fotoFotoAlbum.addClass(".visible");
						$fotoFotoAlbum.fadeIn();
					}
				});
			});
		});
		
		
		// fotoAlbums 
		fotoAlbums.each(function( n ){
			var fotoAlbum = $(this);
			fotoAlbum.css({
				"position":"absolute",
				"left":"0px",
				"top":"0px"
			});
			if( n > 0 ){
				fotoAlbum.hide();
			}else{
				fotoAlbumAnt = this;
				// cargar la primera foto del fotoAlbum selecionado
				var imgFirst = $("ul:first li.fotoFotoAlbum:first a:first img:first", fotoAlbumAnt);
				var srcImg = $("ul:first li.fotoFotoAlbum:first a:first .srcImg", fotoAlbumAnt).attr("href");
				imgFirst.attr({"src":srcImg});
			}
			
			
			var fotosFotoAlbums = fotoAlbum.find(".fotoFotoAlbum");
			fotosFotoAlbums.each(function( nn ){
				var fotoFotoAlbum = this;
				var $fotoFotoAlbum = $(this);
				if( nn > 0  ){
					$fotoFotoAlbum.hide();
					$fotoFotoAlbum.removeClass("visible");
				}else{
					fotoFotoAlbumAnt = this;
					$fotoFotoAlbum.addClass("visible");
					//var imgFirst = $("a:first img:first", this);
					//var srcImg = $("a:first .srcImg", this).attr("href");
					//imgFirst.attr({"src":srcImg});
				}
				
				setTimeout(function(){
					$fotoFotoAlbum.css({
						"position":"absolute",
						"left":"0px",
						"top":"0px"
					});
				},10);
				
				
				
				// controles para mover las fotos de un fotoAlbum
				if( fotosFotoAlbums.size() > 1 ){
					
					var $menuFotoFotoAlbum = $fotoFotoAlbum.find("ul.menuFotoFotoAlbum");
					$menuFotoFotoAlbum.show();
					var $ctrlPrevFotoAlbum = $menuFotoFotoAlbum.find("li.ctrlPrevFotoAlbum");
					var $ctrlNextFotoAlbum = $menuFotoFotoAlbum.find("li.ctrlNextFotoAlbum");
					var $ctrlPrevFotoAlbumA = $ctrlPrevFotoAlbum.find("a");
					var $ctrlNextFotoAlbumA = $ctrlNextFotoAlbum.find("a");
					
					$ctrlPrevFotoAlbumA.each(function(){
						this.ruta = $(this).attr("href");
						$(this).attr({"href":"javascript:void(0);"});
					});
					$ctrlNextFotoAlbumA.each(function(){
						this.ruta = $(this).attr("href");
						$(this).attr({"href":"javascript:void(0);"});
					});
					
					
					var muestraThisFotoFotoAlbumFn = function(){
						var thisFotoFotoAlbum = null;
						$(this.ruta).each(function(){ thisFotoFotoAlbum =  this; });
						if( thisFotoFotoAlbum ){
							$fotoFotoAlbum.fadeOut();
							$fotoFotoAlbum.removeClass("visible");
							$(thisFotoFotoAlbum).fadeIn();
							$(thisFotoFotoAlbum).addClass("visible");
							
							var imgFirst = $("a:first img:first", thisFotoFotoAlbum);
							var srcImg = $("a:first .srcImg", thisFotoFotoAlbum).attr("href");
							imgFirst.attr({"src":srcImg});
						}
					}
					
					if( nn == 0){
						$ctrlPrevFotoAlbum.addClass("itemDesactivado");
					}else{
						$ctrlPrevFotoAlbumA.bind("click",muestraThisFotoFotoAlbumFn);
					}
					
					
					if( nn == fotosFotoAlbums.size()-1 ){
						$ctrlNextFotoAlbum.addClass("itemDesactivado");
					}else{
						$ctrlNextFotoAlbumA.bind("click", muestraThisFotoFotoAlbumFn);
					}
				}
			});
			if(  fotoAlbum.height() > fotoAlbumsMaheight ){
				 fotoAlbumsMaheight = fotoAlbum.height();
			}
		});
		
		contFotoAlbums.height(fotoAlbumsMaheight);
		
		fotoAlbumsUL.height( fotoAlbumsUL.innerHeight() );
		fotoAlbumsUL.width( fotoAlbumsUL.innerWidth() );
		fotoAlbumsUL.css({"overflow":"hidden"});
	
	
	});
});