How do I make the javascript more fluid? it seems to lag when two things are happening at once

I have created this website but noticed the javascript image slider seems to lag the menu poin开发者_StackOverflowter when a image transition is happening..

Anyone got any tips for optimization or ideas on how I could resolve this issue?

Thanks!

Website: http://roseground.co.uk/index.html

edit: P.S I have used nivoslider :)

This answer doesn't address speeding up the JS on the site, but it will address helping the site load faster, which is part of the concern.

I watched you page load, and it made multiple downloads for multiple images. If you visit spriteme.org, you can use their bookmarklet to make a single sprite for your site. Having to download one image is much quicker than downloading many images. Check it out. It will help your site.

See: http://api.jquery.com/stop/

I don't have time to look into your script but you will need to put a .stop(true,true) to stop the previous animation