FancyBox to Open Iframe Content

Hello:

I’m trying to use Fancybox to open a google calendar, but the file keeps opening in a new window/tab.

To keep it brief:

<head>
<link rel="stylesheet" type="text/css" href="js/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
</head>

<body "MM_preloadImages('images/buttons/top-left-menu/schedulebutton_over.jpg','images/buttons/top-left-menu/teambutton_over.jpg','images/buttons/top-left-menu/employmentbutton_over.jpg','images/buttons/top-left-menu/birthdaypartiesbutton_over.jpg','images/buttons/parties-and-more/parties_button_over.gif','images/buttons/parties-and-more/camps_button_over.gif','images/buttons/parties-and-more/kidsnights_button_over.gif','images/buttons/parties-and-more/sleepovers_button_over.gif','images/buttons/parties-and-more/lunchbunches_button_hover.gif')" class="home">

<li id="nav_happenings"><a id="iframe" href="events/happenings.php">Happenings</a></li>
</body>

happenings.php:

<iframe src="http://www.google.com/calendar/embed?..blah..blah" style=" border-width:0 " width="590" height="433" frameborder="0" scrolling="no" id="iframe"></iframe>

How can I make this work?