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

	container = document.getElementById( 'site-navigation' );
	if ( ! container )
		return;

	button = container.getElementsByTagName( 'h1' )[0];
	if ( 'undefined' === typeof button )
		return;

	menu = container.getElementsByTagName( 'ul' )[0];

	// Hide menu toggle button if menu is empty and return early.
	if ( 'undefined' === typeof menu ) {
		button.style.display = 'none';
		return;
	}

	if ( -1 === menu.className.indexOf( 'nav-menu' ) )
		menu.className += ' nav-menu';

	button.onclick = function() {
		if ( -1 !== container.className.indexOf( 'toggled' ) )
			container.className = container.className.replace( ' toggled', '' );
		else
			container.className += ' toggled';
	};
});

jQuery(function($) {  
    var pull        = $('#pull');  
    var menu        = $('#menu-menu');
    var menuHeight  = menu.height();
  
    $(pull).on('click', function(e) {
        e.preventDefault();
        menu.slideToggle();
    });  
  
	$(window).resize(function(){  
	    var w = $(window).width();  
	    if(w > 320 && menu.is(':hidden')) {  
	        menu.removeAttr('style');
	    }  
	}); 
});