$(document).ready(function () {
	menu();
	menuSubnav(false);
});

// function to handle tab functionality for menu sub-groups
function menu() {
	$("#menuContainer .tabs").tabs();
	$('#menuSubnavLinks a').click(function() {
		var showID = this.id.replace('Link', '');
		menuSubnav(showID);
		return false;
		});
}

// function to handle toggle of main menu groups
function menuSubnav(showID)
{
	if (!showID)
	{
		// grab default div from URL if needed (and available)
		var temp = window.location+'';
		temp = temp.split('#');
		if (temp.length > 1)
		{
			temp = temp[1].split('?');
			temp = temp[0];
			if (temp.length > 0) showID = temp;
		}
		if (!showID) showID = 'special';
	}
	// hide all, then show selected menu group
	$('.menu-group').addClass('msub-hidden');
	$('#'+showID).removeClass('msub-hidden');
	// toggle side nav link classes for selected sub-nav link
	var activeLinkID = showID+'Link';
	$('#menuSubnavLinks a').removeClass('currentsub');
	$('#menuSubnavLinks a span.arrow').remove();
	$('li > #'+activeLinkID).addClass('currentsub');
	$('#'+activeLinkID).prepend('<span class="arrow"></span>');
}