Open pdf files in jquery lightbox doesn't work

Open pdf files in jquery lightbox doesn't work

Hi,
I just wanted to know that is it possible to open pdf files using jquery lightbox (perhaps fancybox) , just as the way it is possible to open images files.

I tryed it out with fancybox, but it doesn't work.

please help
thanks!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <meta http-equiv="imagetoolbar" content="no" />
   <title>FancyBox</title>
   <link rel="stylesheet" type="text/css" href="../jquery.fancybox/jquery.fancybox.css" media="screen" />
   <script type="text/javascript" src="../jquery.fancybox/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="../jquery.fancybox/jquery.easing.1.3.js"></script>
   <script type="text/javascript" src="../jquery.fancybox/jquery.fancybox-1.2.1.pack.js"></script>
   <script type="text/javascript">
      $(document).ready(function() {
         $("a").fancybox();
      });
   </script>
   <style>
      html, body {
         font: normal 11px Tahoma;
         color: #333;
      }
      
      a {
         outline: none;   
      }
      
      div#wrap {
         width: 500px;
         margin: 50px auto;   
      }

      img {
         border: 1px solid #CCC;
         padding: 2px;   
         margin: 10px 5px 10px 0;
      }
   </style>
</head>
<body>
<div id="wrap">
   <p>
      <a title="Sample title" href="TopTen2006.pdf"><img src="1_s.jpg" /></a><br />
   </p>
</div>
</body>
</html>