How can I us Cycle plugin & Fancybox Plugin together?

How can I us Cycle plugin & Fancybox Plugin together?

Hi I am a beginner to JQuery/JS. I am able to set up the Cycle plugin and Fancybox plugin and get them to work separately however they won't work at the same time.  I have included my code. Any suggestions on how to fix this or what I am doing wrong would be greatly appreciated.

<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />

 <!-- include jQuery library -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <!-- include Cycle plugin -->
        <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $('.slideshow').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
        })
       
        </script>

<!--FANCYBOX -->
     
       <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

        <script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
        <script>
        $(document).ready(function() {
            $('.fancybox').fancybox();
        });
       
       
    </script>
   
</head>