External Javascript file not working

This should be easy for common wordpress users. But I am using a javascript navigation for my site, the link for that jquery plugin is here: http://tympanus.net/codrops/2011/07/03/sliding-background-image-menu/

So I customised it, made it look great, and added it to my header.php file. When I view the header.php file by itself, such as from my computer into firefox, the navigation works perfectly. But when uploaded to wordpress and working with all the other elements in the theme, only plain text is shown, such as ‘home’, ‘about’ ‘contact’.
It’s like neither the external JS or CSS files are working?
I defined the CSS file as :
<link href=”<?php bloginfo(‘template_directory’); ?>css/sbimenu.css” rel=”stylesheet” type=”text/css” />

and the JS files as:
<script type=”text/javascript” src=”<?php bloginfo( ‘template_directory’ ); ?>js/jquery.easing.1.3.js”></script>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_directory’ ); ?>js/jquery.bgImageMenu.js”></script>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_directory’ ); ?>js/jquery-1.6.1.min.js”></script>

This is an urgent problem, since it is a website for a client and must be finished ASAP.
ANY help is greatly appreciated!
Thank you in advance!