Any pointers on adding Jquery slider to main page?

Hi,

I have successfully added a jquery slider to an ez-page (see http://www.cammellshoney.co.nz/more-information/umf-manuka). I am now try to add a slider based on this page (http://www.pixedelic.com/plugins/diapo/) on to the main-page, but am not having any luck at all.

I have added the jscript prefix to the required files and placed them in the correct folders and then created an additional file containing the following code:

$(document).ready(function(){
$('.pix_diapo').diapo();
});

this file is called jscript_diapo_settings
(this code is taken from the header of the example page provided on pixedelic.com and need to be inserted into the header of my zencart page)

This file and the js file jsricpt_diapo are both located in the folder includes/modules/pages/index/.

However, when the page runs the jsrcipt breaks and produces an error stating that the .diapo is not a function.

Any ideas?

Regards,

Mike.