Facing issue when using Overlay effect for a link! Created Sep 21, 2009

Dear ALL

Im facing the following issue when i try to use the overlay effect for a link.

Error is: uncaught exception: background-image CSS property not set for overlay

The below is the code i have used.

<div id="special_image_links">
 <div id="view_special_image">
  <a href="javascript:;" onclick="remove_special_image('319', 
  '248')">x</a>
  <a href="javascript:;" rel="special_image_div">071520_5.jpg</a>
 </div>

 <div class="apple_overlay black" id="special_image_div">
  <img src="../products/248/071520_5.jpg">
 </div>
</div>
<script>
 $(function() {
	$("#view_special_image a[rel]").overlay({effect: 'apple'});
 });
</script>

I have included the jquery tools plugin at the top of the page.

Can anyone can help me to find out where i am wrong with it?

Thanks in advance!

Regards,
Suresh P