hi this is interesting,

<a:outputPanel id="thumnailGroup">

 <a:repeat value="#{ezeeLinkBookingAction.galleryItems}" var="items">
 <a:commandLink action="#{ezeeLinkBookingAction.updateFromThumbNailToGallery(items)}" ajaxSingle="true" reRender="gallery" >
 <h:graphicImage styleClass="thumb" value="/#{utilities.getImage(items.resource)}" width="90" height="60"/>
 </a:commandLink>
 </a:repeat>

 </a:outputPanel>
 <rich:jQuery selector="#thumnailGroup img" query="addClass('pic-normal')"/>
 <rich:jQuery selector="#thumnailGroup img" query="wrap('&lt;div class=\'wrap1\'&gt;&lt;/div&gt;')" />
 <rich:jQuery selector="#thumnailGroup img" query="mouseover(function(){enlargePic(this)})"/>
 <rich:jQuery selector="#thumnailGroup img" query="mouseout(function(){normalPic(this)})"/>
 <rich:jQuery name="enlargePic" timing="onJScall" query="stop().animate({width:'150px'})" />
 <rich:jQuery name="normalPic" timing="onJScall" query="stop().animate({width:'100px'})" />




in the a:repeat , i repeat the images in list of images in database, now below jquery function is not working properly... can anybody look at this and help me out where is the mistake?