Newbie slider question

Newbie slider question

Hi All

Would really appreciate some help as to why I cant get a Rhinoslider gallery to work. I am just seeing four images rather than the slider. I am using Adobe Muse.

In the <head> I have...

        <link type="text/css" rel="stylesheet" href="http://trojansdesign.co.uk/rhinoslider/css/rhinoslider-1.05.css" />
        <script> type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
        <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/rhinoslider-1.05.min.js"></script>
        <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/mousewheel.js"></script>
        <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/easing.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#slider').rhinoslider({
                    effect: 'explode',
                    showTime: 8000,
                    effectTime: 2000,
                    controlsPrevNext: false,
                    controlsPlayPause: false,
                    autoPlay: true,
                    parts: '8,4',
                    showBullets: 'never',
                    showControls: 'never'
                });
            });
        </script>




















and in the body I have...

<div id="page">
            <ul id="slider">
                <li><img src="http://domain.co.uk/rhinoslider/slider/office1.jpg" alt="" /></li>
                <li><img src="http://domain.co.uk/rhinoslider/slider/office2.jpg" alt="" /></li>
                <li><img src="http://domain.co.uk/rhinoslider/slider/office3.jpg" alt="" /></li>
                <li><img src="http://domain.co.uk/rhinoslider/slider/office4.jpg" alt="" /></li>
            </ul>
        </div>








Have tried everything my limited knowledge can think of.

thanks