/**
 * navigation.js
 *
 * Handles toggling the navigation menu for small screens.
 */
(function ($) {
	var $container, $button, menu;

	// check for main menu
	$container = $('#site-navigation');
	if (!$container)
		return;

	// find mobile toggle button
	$button = $container.find('.menu-toggle');
	if ($button.length <= 0)
		return;

	// mobile toggle exists
	$menu = $container.find('> ul');

	// hide menu toggle button if menu is empty
	if ($menu.length > 0) {
		$menu.addClass('nav-menu');
	}
	else {
		$button.hide();
		return;
	}

	// button click actions
	$button.on('click', function (e) {
		e.preventDefault();
		$container.toggleClass('toggled');
	});

})();