vertical scroll not working?!

hi, i am trying to scroll my list of twitter feeds vertically, I am using the following script:

http://www.******************/javascript/script/JQuery-news-slider

I have stripped everything out and have the demo working perfectly

I have now uploaded JS files and put in the relevant code and it's not working?!

here is my website:

http://judd-dev.co.uk/pitch/
(homepage twitter feed bottom right)


here is the code I have in my website:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jcarousellite_1.0.1c4.js"></script>
<script type="text/javascript">
$(function() {
$(".tweet_list").jCarouselLite({
vertical: true,
hoverPause:true,
btnPrev: ".previous",
btnNext: ".next",
visible: 3,
auto:3000,
speed:500
});
});
</script>

<div id="social-feed-wrapper">


<div class="feed" id="twitter-feed" style="display: block;"><ul class="tweet_list"><li class="tweet_first tweet_odd">text goes here</li><li class="tweet_even">more text</li></ul></div>

<ul class="social-icons">

<li class="twitter"><a href="#twitter-feed" class="active"></a></li>
<li class="facebook"><a href="#facebook-feed"></a></li>

</ul>

</div>


Please help