Problema con javascriopt y jQuery

[jm_sandoval1]

Hola chicos,
soy bastante nuevo en Javascript y jQuery, y tengo un problemilla a ver si me podéis ayudar.
Tengo una web con scrollto y tb una función de javascript para desplegar imágenes. El caso es que si tengo una imagen desplegada no me funcionan los enlaces, se desactivan hasta que vuelvo a hacer click en la imagen para plegarla. No sé cuál es la forma de hacer que los enlaces sigan funcionando a pesar de tener la imagen desplegada.
He probado con jQuery no conflict pero no conseguí arreglarlo.

La página es www.josemontero.es/monkey
Os paso el código javascript:
Muchas gracias!!


basepage = '';
jQuery.noConflict();
jQuery(function(jQuery) {
jQuery('#gallery .zoom').css({display:'block',opacity:0});

jQuery('a.scrollto').click(function()
{
var target = jQuery(this.hash);
target = target.size() && target || jQuery("[name=" + this.hash.slice(1) +']');
if (target.size())
{
target.ScrollTo(600);
return false;
}
});

jQuery.noConflict();
jQuery('#gallery li .galimage').click(function()
{
jQuery('#gallery li').stop().animate({'height':100},400);
jQuery('#gallery .galinfo').stop().animate({marginTop:5},400);
jQuery('#gallery .zoom').stop().animate({marginTop:30,opacity:0},40 0);

pnt = jQuery(this).parent();

if(jQuery(pnt).height()<=160)
{
jQuery(pnt).stop().animate({height: jQuery(pnt).find('.galimage img').height() },400, function(){ jQuery(this).ScrollTo('normal'); });
jQuery(pnt).find('.galinfo').stop().animate({margi nTop:35},400);
jQuery(pnt).find('.zoom').stop().animate({marginTo p:60,opacity:1},400);
}
else
{
jQuery('#gallery li').stop().animate({'height':160},400);
jQuery('#gallery .galinfo').stop().animate({marginTop:25},400);
jQuery('#gallery .zoom').stop().animate({marginTop:50,opacity:0},40 0);
}

});
});