1/* Scroll past header image on small screens */
2
3jQuery( document ).ready( function( $ ) {
4
5	var $width = $(window).width();
6	var $height = $(window).height();
7	var $masthead = $( '.site-header' );
8	var $timeout = false;
9	var $sidebarheight = $masthead.height() + 100;
10
11	//Allow sidebar to scroll if the sidebar is too tall for the screen height
12	if ( $sidebarheight > $height ) {
13		$masthead.css( 'position', 'relative' );
14	}
15
16	//Toggle open $class by clicking $toggle
17	$.fn.navToggle = function() {
18		$( '.main-navigation' ).addClass( 'active' );
19
20		$( '#menu-toggle' ).unbind( 'click' ).click( function() {
21
22			$( '.widget-area' ).hide().removeClass( 'active' );
23			$( '.header-search' ).hide().removeClass( 'active' );
24
25			$( '.main-navigation' ).slideToggle( 'ease' );
26			$( this ).toggleClass( 'toggled-on' );
27		} );
28	};
29
30	/* desbest edit */
31	$.fn.docToolsToggle = function() {
32		$( '.document-tools' ).addClass( 'active' );
33
34		$( '#document-toggle' ).unbind( 'click' ).click( function() {
35
36			$( '.widget-area' ).hide().removeClass( 'active' );
37			$( '.header-search' ).hide().removeClass( 'active' );
38			$( '.main-navigation' ).hide().removeClass( 'active' );
39
40			$( '.document-tools' ).slideToggle( 'ease' );
41			$( this ).toggleClass( 'toggled-on' );
42		} );
43	};
44
45	$.fn.widgetsToggle = function() {
46		$( '.widget-area' ).addClass( 'active' );
47
48		$( '#widgets-toggle' ).unbind( 'click' ).click( function() {
49
50			$( '.main-navigation' ).hide().removeClass( 'active' );
51			$( '.header-search' ).hide().removeClass( 'active' );
52
53			$( '.widget-area' ).slideToggle( 'ease' );
54			$( this ).toggleClass( 'toggled-on' );
55		} );
56	};
57
58	$.fn.searchToggle = function() {
59		$( '.header-search' ).addClass( 'active' );
60
61		$( '#search-toggle' ).unbind( 'click' ).click( function() {
62
63			$( '.main-navigation' ).hide().removeClass( 'active' );
64			$( '.widget-area' ).hide().removeClass( 'active' );
65
66			$( '.header-search' ).slideToggle( 'ease' );
67			$( this ).toggleClass( 'toggled-on' );
68		} );
69	};
70
71
72	// Check viewport width on first load.
73	if ( $width < 820 ) {
74		$.fn.navToggle();
75		$.fn.docToolsToggle(); /* desbest edit */
76		$.fn.widgetsToggle();
77		$.fn.searchToggle();
78	}
79
80	// Check viewport width when user resizes the browser window.
81	$( window ).on( 'resize', function() {
82
83		$width = $(window).width();
84
85		if ( false !== $timeout ) {
86			clearTimeout( $timeout );
87		}
88
89		$timeout = setTimeout( function() {
90
91			//Allow sidebar to scroll if the sidebar is too tall for the screen height
92			if ( $sidebarheight > $height ) {
93				$masthead.css( 'position', 'relative' );
94			}
95
96			if ( $width < 820 ) {
97				$.fn.navToggle();
98				$.fn.widgetsToggle();
99				$.fn.searchToggle();
100			} else {
101				$( '.main-navigation' ).removeClass( 'active' );
102				$( '.widget-area' ).removeClass( 'active' );
103				$( '.header-search' ).removeClass( 'active' );
104
105				$( '.main-navigation' ).removeAttr( 'style' );
106				$( '.widget-area' ).removeAttr( 'style' );
107				$( '.header-search' ).removeAttr( 'style' );
108			}
109		}, 200 );
110	} );
111
112
113});
114