jQuery(window).bind("load", function() {
	$('div#st_horizontal').slideTabs({
		autoHeight: true,
		contentAnim: 'slideH',
		contentAnimTime: 450,
		contentEasing: 'easeInOutExpo',
		orientation: 'horizontal',
		tabSaveState: true,
		tabsAnimTime: 300,
		tabsScroll: false,
		tabsSlideLength: 630,
		totalWidth: '700px'
	});
	$('div#st_vertical').slideTabs({
		autoHeight: true,
		contentAnim: 'slideH',
		contentAnimTime: 450,
		contentEasing: 'easeInOutExpo',
		orientation: 'vertical',
		tabSaveState: true,
		tabsAnimTime: 300,
		tabsScroll: false
	});
});

var dwScrollTo = {
    init: function() {
        if( $('a.scrollto').length ){
            $('a.scrollto').click(function(event) {
                event.preventDefault();
                var href = $(this).attr('href');
                $.scrollTo( $(href), 500, {offset: {top: -80} } )
            });
        }
    }
};

jQuery(document).ready(function() {

    // Scroll to proper section if there's a hash in the URL
    $.localScroll.hash({
        hash: true,
        duration: 500,
        offset: {top: -80}
    });

    dwScrollTo.init();

	// apply the extra markup that we'll need
	$("ul#menu-page-navigation > li").has("ul").children("span").prepend("<span class='toggle'>&nbsp;</span>");
	$("ul#menu-page-navigation ul span").append("<span>&nbsp;</span>");
	$("ul#menu-page-navigation ul.sub-menu").prev("span").addClass("dw-o");

	// add markup to highlight parents containing the active page
	// this works but doesn't cover top level
	$("ul#menu-page-navigation li").has("li.current_page_item").addClass("dw-s");
	// target top level
	$("ul#menu-page-navigation > li.current_page_item").addClass("dw-s");

	// initially hide menus that you're not on
	// collapse all submenus unless the current page is within it
	$("ul#menu-page-navigation ul.sub-menu").not("li.dw-s > ul.sub-menu").hide();
	$("ul#menu-page-navigation ul.sub-menu").not("li.dw-s > ul.sub-menu").prev().removeClass("dw-o").addClass("dw-c");

	// User interaction… clicking to expand / contract menus
	
	// toggle - level 2
	$("ul#menu-page-navigation span.toggle").click(function() {
		$(this).parent().toggleClass("dw-c").toggleClass("dw-o");
		$(this).parent().next("ul").slideToggle(700, "easeOutCirc");
	});

	// toggle - level 3
	$("ul#menu-page-navigation li li > span").click(function() {
		$(this).toggleClass("dw-c").toggleClass("dw-o");
		$(this).next("ul.sub-menu").slideToggle(700, "easeOutCirc");
	});
});