Horizontal Accordion won't expand and has error in IE8

[misterkode]

1) Script Title: Horizontal Accordion script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

3) Describe problem: I've setup the script on http://www.humeridgechurch.org/index.html (feel free to view the source).
Have included the CSS and JS files on the site and references in my HTML. The accordion won't expand for me on mouseover (using example 1), and also I get the error in IE8:

Message: 'undefined' is null or not an object
Line: 19
Char: 3
Code: 0
URI: http://www.humeridgechurch.org/haccordion/haccordion.js

Not sure how I can fix it, any help would be appreciated!

Thanks
Carl

[misterkode]

Anyone? :(

The page is now at http://www.humeridgechurch.org/html/test.html if you want to check out the source code, having problems with the graphic elements too (they are only 56px wide each but they have somehow stretched and are blurred)

Carl

[misterkode]

ok found where the problem was with the stretched graphic panels, now I've got this problem in haccordion.js (IE8):



Message: Object expected
Line: 107
Char: 3
Code: 0
URI: http://www.humeridgechurch.org/haccordion/haccordion.js


This is the problem line: jQuery(document).ready(function($){ //on Dom load

Any ideas where to fix this?