I have downloaded the script that's developed at http://www.alistapart.com/d/sprites2/examples/sprites2.js It's done other sites, but I have never attempted it with wordpress before.

The road it fails on may be the second one below:

function attachNavEvents(parent, myClass, setActive, hoverSpeed, style) {
$(parent + " ." + myClass).mouseover(function() {
    // create pseudo-link
    $(this).append('<div class="nav-' + myClass + '"></div>');
    // either slide or fade, depending on the style value
    if (style == "slide") {
        // slide down the pseudo-link ...

parent and myClass are generally single word strings so far as I will tell. It does not make a difference basically comment the whole mouseover function. In Chrome it pops up using the error

Uncaught Syntax error, unrecognized expression: .

After I enter in the Javascript console and kind in $(parent + " ." + myClass).mouseover(function()) it returns the jquery object no problems.

The jquery installation is working fine elsewhere. I've also attempted it when changing the jQuery variable with something similar to var $j =jquery.noConfict()

What's going on?!