'Fisheye' won´t function properly, why? JQuery Newbie

[eluser]Nummero2[/eluser]
Hi,

I wanted to add a Fisheye menue like here: Fisheye example

I coded the following:

Code:

$(document).ready( function()
{

$('#fisheye').Fisheye
        (
        {
                maxWidth: 50,
                items: 'a',
                itemsText: 'span',
                container: '.fisheyeContainter',
                itemWidth: 40,
                proximity: 90,
                halign : 'center'
        }
        )
});

and html wise a short list:

Code:

<div id='fisheye' class='fisheye'>
         <div class='fisheyeContainter'>

            <a href='[removed]header.change(\"net\")'> <span>Home</span><img
            src='/intranet/img/intranet_40.png' />    </a>
            <a href='[removed]header.change(\"plan\")' class='fisheyeItem'>
            <span>Home</span><img src='/intranet/img/intranet_40.png' />  </a>
            <a href='[removed]header.change(\"service\")' class='fisheyeItem'>
            <span>Home</span><img src='/intranet/img/intranet_40.png' />     </a>
            
         </div>
        </div>

It just doesnt work and I don´t know why. Any help, suggestions?

Greetings Sebastian

[eluser]Nick Husher[/eluser]
I assume you're including the correct library files. JSLint says you have a line breaking problem, the opening parenthesis for the $('#fisheye').Fisheye function should be on the same line.

[eluser]manilodisan[/eluser]
I would strongly suggest you to use firebug when working with javascript. And the appropriate forum as well )

[eluser]richman[/eluser]
Fish eye uses interface which I believe works on an old version of jquery. I do not think it is supported anymore.