// Se ejecuta al terminar la ejecución del script PHP
// funcion AJAX
function loadImg(ind){
      ind = ind.replace('/project/','/proyecto/');
      ind = ind.replace('/projet/','/proyecto/');
	ind = ind.replace(host + '/' + lang + '/proyecto/' + pr + '-' + titulo + '/','');
	ind = ind.replace('/','');
	
	//Ocultar navegación e imagen y hacer llamada AJAX al script PHP
	$('#prImagen p').fadeOut(600);
	$('#prImagen img').fadeOut(600,function(){
		$('#prImagen img').attr('src','');
		$('#prImagen').attr('class','loading');
		$.ajax({type: 'GET', url:host+'/site/proyectos/ajax_imagen.php', 
			   data: 'imagen='+ind+'&lang='+lang+'&id='+pr, 
			   error:function(XMLHttpRequest, textStatus, errorThrown){alert(textStatus+' '+errorThrown)}, 
			   success: function(html){changeImg(html)}
		});
	});
}

function changeImg(html){
	var arrayHtml = html.split('___');
	var img_src = host+'/img/proyectos/gr/'+arrayHtml[0];
	var alt = arrayHtml[1];
	var pie = arrayHtml[2];
	
	var loader = new Image();
	loader.onload=function(){
		// Mostrar nueva imagen
		$('#prImagen img').attr('alt',alt);
		$('#prImagen p').html(pie);
		
		//mostrar todo
		$('#prImagen').attr('class','');
		$('#prImagen img').attr('src',img_src).fadeIn(600, function(){$('#prImagen p').fadeIn(300);});
	}
	loader.src = img_src;
}