I've been working on a rough template for wordpress. I'd like to include three javascript elements: an accordion menu, a smoothscroll effect, and a style switcher. I can get all of them to work, but not together. The main conflict, I think, is between my styleswitcher, which uses an href="#" tag in the links, and my smoothscroll, which uses an href="#header" and the like.

So, first question, Have I correctly identified the conflict?

Second, whether or not I have correctly identified the conflict, how can I get my smoothscroll and styleswitcher to work together?

I'm using deziner folio javascripts for my accordion and my smoothscroll. They don't have a styleswitcher, so I'm using the js from this site.

My playground for all this is here.