error en cloud-zoom integrado con tabs de Jquery

[arcadiokike]

Buenas tardes es la prierma vez que pido ayuda espero que alguien me de una mano ya que tengo un problema y me gustaria disiparlo.

es lo siguiente estoy usando el cloud-zoom se los recomiendo es muy bueno. Pero tengo un problema cuando le puse dentro de tabs de jquery me funciona bien el unico dilema es que cuando le doy clic a un tab la imagen principal del clod-zoom poes simplemente no me funciona el zoom, tengo que darle clic a una de las imagenes en miniatura para que recien funcione el zoom, quien me ayuda aqui las librerias que llamo:

Código:

<!-- ZOOM -->
<link href="js/cloud-zoom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/JavaScript" src="js/cloud-zoom.1.0.2.js"></script>
<link rel="stylesheet" href="jsn/jquery-ui.css" type="text/css" media="all">


<!-- TABS PARA CAMBIO DE COLOR -->

<link type="text/css" rel="stylesheet" href="js/jquery-ui.css" />
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>


<script>
	$(function() {
		$('#tabs').tabs();
		
		
	});

$(function() {
		$( "#stock" ).tabs({
			ajaxOptions: {
				error: function( xhr, status, index, anchor ) {
					$( anchor.hash ).html(
						"No se pudo cargar la página solicitada. " +
						"intentelo nuevamente." );
				}
			}
		});
	});
</script>

alguien me puede alludar? help!!!!!!!!!!!