Uncleecheese,

Ok I got my livecalendarwidget rollover popups/tooltips on hasevent class via jquery working a treat for the first month it displays.

I have:

//jquery sitting inside ss template

<script type="text/javascript">
jQuery(document).ready(function(){
   $("#live-calendar-widget .calendar tbody td.hasEvent").hover(
      function(){

         $(this).find("span").css('display', 'block');
         $(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
      },
         
         function(){
         $(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, complete:
         function(){ $(this).hide();      
            
            }
         }
         );
      });
});

</script>

//css

live-calendar-widget .calendar tbody td.hasEvent span {

background: url(../images/blerbbg.png) no-repeat;
width: 152px;
height: 58px;
position: absolute;
top: -30px;
left: -20px;
text-align: center;
padding: 5px;
display: none;
line-height:110%;
color:#000000;
cursor:pointer;
font:Arial, Helvetica, sans-serif;
font-size: 10px;
}

// call the $LiveCalendarWidget

Now when I click the Next Arrow next to the Jump to Month drop down list that button has a link of something like
/LiveCalendarWidget_Controller/show/201011/20101007/20101007/Calendar/79/0

and that months calendar now loads up, but my jquery rollover popups don't load for the new month.

Here is the code difference

//on the first month has event with working tooltip
<td class=" hasEvent">
<a href="Calendar2010>30<ul><li><span style="opacity: 0; top: -50px; display: none; ">here is the content of my tooltip</span></li></ul></a>
</td>

//after I have changed month here is what a hasevent looks like and obviously tooltip does not load
<td class=" hasEvent">
<a href="Calendar2010">07<ul><li><span>here is the content of my tooltip</span></li></ul></a>
</td>

Any idea on what I need to do to get the new months you select to also load there own popups etc as you click through????