overlay plugin stopped wiorking

MY code uses Jquery overlay plugin. It was working correctly till jquery v1.4.4. When we upgrade to 1.5.x, the overlay still appears but does not display images or any other control on it.

<div class="ehGallery" id="gallerySection">

<h2 id="galleryHeader" class="active" style="cursor: pointer;">Gallery</h2>

<span></span> <!-- IE7 Fix, this empty element stops the element collapsing when the accordian is changing -->

<div class="galleryScroller" id="galleryScroller" style="margin-top:15px;">

<div class="scrollLeft bgMidOlive" style="width:18px;">

<a href="#" class="galleryScrollerA"><img id="galleryScrollLeft" class="displayNone" src="/static/images/scrollerLeft.gif" alt="left"/></a>

</div>

<!-- overflow:hidden on this element is an IE7 fix, this prevents a problem when the accordian is changing -->

<div class="scrollImages" style="overflow : hidden; position:relative; width : 400px">

<ul id="scrollerBox" style="position: absolute; left : 0px; padding-left : 3px;">

<asp:Repeater ID="repImages" runat="server">

<ItemTemplate>

<li style="display:inline;">

<a class="liteboxa" href="<%# Eval("MainImagePath") %>" title="<%# Eval("ImageDescription") %> <%# Eval("Copyright") %>" rel="<%# Eval("ImageCredit") %>" target="_blank" >

<img style="margin-bottom:2px;" src="<%# Eval("ThumbImagePath") %>" alt="<%# Eval("ImageDescription") %>" />

</a>

<asp:Repeater runat="server" ID="repImageAdditionalLinks" DataSource='<%#((GalleryImage)Container.DataItem).AdditionalLinks %>'>

<ItemTemplate>

<a class="hide" href="<%# Eval("Href") %>" title="<%# Eval("Text") %>"><%# Eval("Text") %></a>

</ItemTemplate>

</asp:Repeater>

</li>

</ItemTemplate>

</asp:Repeater>

</ul>

</div>

<div class="scrollRight bgMidOlive">

<a href="#" class="galleryScrollerA"><img id="galleryScrollRight" class="displayNone" src="/static/images/scrollerRight.gif" alt="right"/></a>

</div>

<div class="clear"></div>

</div>

<div class="clear"></div>

</div>

<!-- overlay element -->

<div class="simple_overlay" id="gallery">

<asp:TextBox ID="txtBox1" runat="server">Hello</asp:TextBox>

<div class="closebtn" id="closebtn"></div>

<!-- image information -->

<div class="liteInfoWrap" id="liteInfoWrap">

<div class="info" id="info"></div>

</div>

<div class="bottomWrap" id="bottomWrap">

<div class="infoLinks" id="infoLinks"></div>

<div class="popnav">

<a class="prev" onmousedown="gallNav(0)"></a>

<a class="next" onmousedown="gallNav(1)"></a>

</div>

</div>

<!-- load indicator (animated gif) -->

<img class="progress" src="/static/images/popups/loading.gif" alt="loading, please wait"/>

</div>

<script type="text/javascript">

$("#gallerySection a.liteboxa").overlay({

each trigger uses the same overlay with the id "gallery"

target: '#gallery',

expose: '#7f7f7f',

onLoad: function () {

// grab wrapper element inside content

var wrap = this.getOverlay().find("img");

load the page specified in the trigger

wrap.load(this.getTrigger().attr("href"));

this.getOverlay().find("img").css({visibility: "visible"});

this.getOverlay().find(".close").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".info").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".prev").css({ visibility: "visible", display: "block" });

this.getOverlay().find(".next").css({ visibility: "visible", display: "block" });

}

}).gallery({

the plugin accepts its own set of configuration options

speed: 200,

autohide: false,

preload: true,

template: '<div class="infoInner" style="min-height:50px;"><strong>${title}</strong></div>'

});