CGCalendar popup event not working

[fearmydesign]

Hello, I am trying to get the CGCalendar to display the individual events in a pop-up window, rather than on another page. I can't seem to get the fancybox to work, if you click on the test event you'll see that it opens in another page!! below are the codes for the module template, the site page template, and the extra metadata calling the fancybox (calendar_event). Can anyone help me figure this out?

I am using CMSMS Version 1.11.7
CGCalendar 1.10.4
CGExtensions 1.34
CMSMailer 5.2.1
CMSPrinting 1.0.4
Captcha 0.4.6
FileManager 1.4.3
FormBuilder 0.7.3
FrontEndUsers 1.21.15
Gallery 1.6.1
JQueryTools 1.2.5
MenuManager 1.8.5
MicroTiny 1.2.5
ModuleManager 1.5.5
News 2.12.12
SiteMapMadeSimple 1.2.7
ThemeManager 1.1.8
TinyMCE 2.9.12

You can view the link to my calendar here: http://baltimoreprotectionservices.com/ ... e=calendar

Calendar Template (to call the actual calendar_event)

Code: Select all

{foreach from=$day.events item=event}
<li><a class="calendar_event" href="{$event.url}&showtemplate=false">{$event.event_title}</a></li>
{/foreach}

Page Specific Metadata (my calendar page)

Code: Select all

{JQueryTools action='incjs'}

<__script__ type="text/javascript">
{literal}
jQuery(document).ready(function(){
  jQuery('a.calendar_event').fancybox();
});
{/literal}
</__script>

Template

Code: Select all

<!-- start content -->
  <div id="contenthome">

    <div>{cms_module module="CGCalendar"}</div>
    <div>{content}</div>

  </div>
<!-- end content -->

Thank you for your help

[velden]

According do http://fancybox.net/howto the <a> should have class 'iframe'.

Iframe

<a href="http://www.example?iframe">This goes to iframe</a>

or

<a class="iframe" href="http://www.example">This goes to iframe</a>

[edit]
At least, I think it's the easiest way to show it inside an iframe.