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

http://www.******************/javasc...ry-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:

Code:
<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