Hi, I'm trying to use the imagemapster script

http://www.outsharked.com/imagemapster

and I cannot get it to work with my Salient theme.

I created a plain HTML page to test it, and it works there:

http://washdrydesign.com/image-mapster/image-mapst...

Here are things I've tried: 

1. Linking the JS files between the head tag in header.php

2. Adding the javascript directly to init.js (at the top of the page and at the bottom)

Please tell me what I'm doing wrong!

Thank you!

Thanks for your quick response! I tried that too, and nothing.

I didn't sort it out. It's not throwing any JS errors because I don't know where to put/link the files.

Will you please tell me the best way to add jquery files to the theme? I'm fine adding the JS script to the head, but I need to link these two files:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="scripts/jquery.imagemapster.js"></script>

I'm assuming I do not need the main jquery library because it's already included, but how can I link jquery.imagemapster.js?