$(window).resize(function() {
  popup_imagenes_ajusta_tamanos(popup_imagenes_imagenactual, popup_imagenes_popactual);
});
var popup_imagenes_popactual=null;
var popup_imagenes_imagenactual=null;
var popup_imagenes_array=new Array();
var popup_imagenes_contenedores=null;

function popup_imagenes_carga(){

	var contenedores=new Array();
	var contenedor_actual=null;
	$('a.popup_imagen').each(function(i,item){
		if($(item).parent().get(0)!=contenedor_actual){
			if($($(item).parent().get(0)).attr('class')=='proyecto'){
				contenedor_actual=$(item).parent().parent().parent().get(0);
				contenedores.push($(item).parent().parent().parent());
//			} else if($($(item).parent().get(0)).attr('class')=='proyecto_ficha'){
//				contenedor_actual=$(item).parent().parent().parent().get(0);
//				contenedores.push($(item).parent().parent().parent());
			} else {
				contenedor_actual=$(item).parent().get(0);
				contenedores.push($(item).parent());
			}
			
		}
	});
	$(contenedores).each(function(cual,contenedor){
		popup_imagenes_array[cual]=new Array();
		var texto_body='<div id="popup_imagenes_'+cual+'" class="popup_imagenes"><div class="fondo"></div><div class="blanco"><img src="" width="400" height="400" onload="popup_imagenes_muestra('+cual+');" style="width:400px; height:400px; "/><a href="#" class="flecha_atras"></a><a href="#" class="flecha_alante"></a><div class="datos"><div></div></div><div class="navegacion"><div class="numeros"><div><span>...</span>';
		$(contenedor).find('a.popup_imagen').each(function(i,item){
	
			$(item).click(function(event){
				var contenedor_de_clic=0;
				$(popup_imagenes_contenedores).each(function(cual,contenedor){
					if(contenedor.get(0)==$(event.target).parent().parent().get(0)){
						contenedor_de_clic=cual;
					}
				});
				
				popup_imagenes_img(i,contenedor_de_clic);
				return false;
			});
	
			//console.log($(item));
			texto_body+='<a href="javascript:popup_imagenes_img('+i+','+cual+');void(0);">'+(i+1)+'</a>';
			anchoyalto_actual=$(item).children('img').attr('class').split('_',2);
			imagengrande_actual=$(item).attr('href');
			titulo_actual=$(item).children('strong').text();
			texto_actual=$(item).children('em').text();
			popup_imagenes_array[cual].push([anchoyalto_actual[0],anchoyalto_actual[1],imagengrande_actual,titulo_actual,texto_actual]);
		});
		texto_body+='<span>...</span></div></div><a href="#" class="cerrar">Cerrar ventana</a></div></div></div>';
		
		$('body').append(texto_body);
		
		$('#popup_imagenes_'+cual+' div.blanco a.cerrar').click(function(){
			popup_imagenes_cerrar(cual);
			return false;
		});
		$('#popup_imagenes_'+cual+' .fondo').click(function(){
			popup_imagenes_cerrar(cual);
			return false;
		});
	});
	
	popup_imagenes_contenedores=contenedores;
}


function popup_imagenes_img(i,cual){
	popup_imagenes_popactual=cual;
	popup_imagenes_imagenactual=i;

	var popup_actual=$('#popup_imagenes_'+cual);
	$(popup_actual).css('display','block');
	$(popup_actual).find('div.blanco img').attr('src','#');	
	$(popup_actual).find('div.blanco img').css('opacity',0);	
	$(popup_actual).find('div.blanco img').attr('width',popup_imagenes_array[cual][i][0]);
	$(popup_actual).find('div.blanco img').attr('height',popup_imagenes_array[cual][i][1]);
	$(popup_actual).find('div.blanco img').css('width',popup_imagenes_array[cual][i][0]+'px');
	$(popup_actual).find('div.blanco img').css('height',popup_imagenes_array[cual][i][1]+'px');
	
	////////flechas izquierda y derecha
	$(popup_actual).find('div.blanco a.flecha_atras').css('height',popup_imagenes_array[cual][i][1]+'px');
	$(popup_actual).find('div.blanco a.flecha_alante').css('height',popup_imagenes_array[cual][i][1]+'px');
	$(popup_actual).find('div.blanco a.flecha_atras').css('display',(i==0 ? 'none' : 'block'));
	$(popup_actual).find('div.blanco a.flecha_alante').css('display',(i>=popup_imagenes_array[cual].length-1 ? 'none' : 'block'));
	$(popup_actual).find('div.blanco a.flecha_atras').unbind('click');
	$(popup_actual).find('div.blanco a.flecha_atras').click(function(){
		popup_imagenes_img(i-1,cual);
		return false;
	});
	$(popup_actual).find('div.blanco a.flecha_alante').unbind('click');
	$(popup_actual).find('div.blanco a.flecha_alante').click(function(){
		popup_imagenes_img(i+1,cual);
		return false;
	});
//	


	$(popup_actual).find('div.blanco div.navegacion div.numeros a').each(function(id,item){
		if(id==i){
			$(item).attr('class','activo');
		} else {
			$(item).attr('class','');
		}
	});
	
	
	
	//console.log(popup_imagenes_array[cual][i][2]);
	$(popup_actual).find('div.blanco img').attr('src',popup_imagenes_array[cual][i][2]);
	var titulo_temp=popup_imagenes_array[cual][i][3];
	titulo_temp=titulo_temp.length==0 ? "<br />" : titulo_temp;
	var descripcion_temp=popup_imagenes_array[cual][i][4];
	descripcion_temp=descripcion_temp.length==0 ? "<br />" : descripcion_temp;
	$(popup_actual).find('div.blanco div.datos div').html('<strong>'+titulo_temp+'</strong>'+descripcion_temp);
	popup_imagenes_ajusta_tamanos(i,cual);
}

function popup_imagenes_ajusta_tamanos(i,cual){
	var popup_actual=$('#popup_imagenes_'+cual);
	$(popup_actual).find('div.blanco div.numeros div a').show();
	//ajusta tamaños de los titulos
	//if($(popup_actual).find('div.blanco div.datos div').text()==""){
		//$(popup_actual).find('div.blanco div.datos').hide();
	//} else {
		//$(popup_actual).find('div.blanco div.datos').show();
		//$(popup_actual).find('div.blanco div.datos').css('width',($(popup_actual).find('div.blanco').width()-(10)-$(popup_actual).find('div.blanco div.numeros').width()));
		var anchoobligado=$(popup_actual).find('div.blanco').width()-$(popup_actual).find('div.blanco div.datos div').width();
		$(popup_actual).find('div.blanco div.numeros').css('width',anchoobligado);
		if(anchoobligado<$(popup_actual).find('div.blanco div.numeros div').width()){
			$(popup_actual).find('div.blanco div.numeros div span').show();
			numeritos=$(popup_actual).find('div.blanco div.numeros div a');
			
			var contador_num=numeritos.length;
			while(anchoobligado<$(popup_actual).find('div.blanco div.numeros div').width()){
				contador_num+=-1;
				numeritos.each(function(i2,item){
					console.log(i2);
					if(i2>i-contador_num && i2<i+contador_num){
						$(item).show();
					} else {
						$(item).hide();
					}
					
				});
				if($(numeritos[0]).css('display')=='inline'){
					$($(popup_actual).find('div.blanco div.numeros div span').get(0)).hide();
				} else {
					$($(popup_actual).find('div.blanco div.numeros div span').get(0)).show();
				}
				if($(numeritos[numeritos.length-1]).css('display')=='inline'){
					$($(popup_actual).find('div.blanco div.numeros div span').get(1)).hide();
				} else {
					$($(popup_actual).find('div.blanco div.numeros div span').get(1)).show();
				}
				
			}
										
			//console.log("se pasa tres pueblos");
		} else {
			$(popup_actual).find('div.blanco div.numeros div span').hide();
			
		}
		//$(popup_actual).find('div.blanco div.datos').css('width','auto');
		//console.log(($(popup_actual).find('div.blanco').width()-(10)-$(popup_actual).find('div.blanco div.numeros').width()));
		//console.log($(popup_actual).find('div.blanco div.numeros').width());
	//}
	if($(popup_actual).find('div.blanco div.datos div').text()!=""){
		$(popup_actual).find('div.blanco div.numeros').css('bottom',$(popup_actual).find('div.blanco div.datos div').height()+2-10);
	} else {
		$(popup_actual).find('div.blanco div.numeros').css('bottom','26px');
	}
	
	$(popup_actual).find('div.blanco').css('left',($(window).width()-(parseFloat($(popup_actual).find('div.blanco img').css('width'), 10)+18+18))/2+'px');
	$(popup_actual).find('div.blanco').css('top',($(window).height()-(parseFloat($(popup_actual).find('div.blanco img').css('height'), 10)+$(popup_actual).find('div.blanco div.datos').height()+22+18+18))/2+'px');
	
}


function popup_imagenes_muestra(cual){
	//console.log($('#popup_imagenes div.blanco img').attr('src'));
	var popup_actual=$('#popup_imagenes_'+cual);
	$(popup_actual).find('div.blanco img').css('opacity',1);
	  
}

function popup_imagenes_cerrar(cual){
	var popup_actual=$('#popup_imagenes_'+cual);
	$(popup_actual).css('display','none');
	
}

//<div id="popup_imagenes">
//	<div class="fondo"></div>
//	<div class="blanco">
//		<img src="imagenes_recursos/empresa_1.jpg" width="664" height="513" alt="Empresa 1" />
//		<a href="#" class="flecha_atras"></a>
//		<a href="#" class="flecha_alante"></a>
//		<div class="datos">
//			<strong>Título de la foto</strong>
//			Comentario mas largo de la foto...
//		</div>
//		<div class="navegacion">
//			<div class="numeros">
//				<a href="#" class="activo">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>
//			</div>			
//			<a href="#" class="cerrar">Cerrar ventana</a>
//		</div>
//	</div>
//</div>