Hi all,

I designed a custom jquery menu that'll be used on a few pages.  Because of this, I'm hard coding the menu in a skin file to be used on these pages.

Where's the best place to add the following code?

<script type='text/javascript' src='<%= SkinPath %>js/jquery.hoverIntent.minified.js'></script>

<script type='text/javascript' src='<%= SkinPath %>js/jquery.dcmegamenu.1.2.js'></script>

<script type="text/javascript">

$(document).ready(function ($) {

$('#mega-menu-tut').dcMegaMenu({

rowItems: '3',

speed: 'fast'

});

});

</script>

I tried to add it to "page header tag" section of the page settings but that threw some JS errors.  However, when I put the code directly in the skin file, it worked fine.

While I'm not opposed to putting it in the skin file, I was curious if best practice would place it elsewhere.

Thanks,

Mark