-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathplayground.html
362 lines (356 loc) · 22.4 KB
/
playground.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="description" content="A playground allowing you to test most of the FooNav.js options">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<title>FooNav.js - Playground</title>
<link rel="stylesheet" href="css/prism.css">
<link href="http://fonts.googleapis.com/css?family=Merriweather:400,900|PT+Sans:700|PT+Sans+Narrow:700|Oswald:700|PT+Mono" rel="stylesheet" type="text/css">
<link href="css/demo.css" rel="stylesheet" type="text/css" />
<link href="../dist/foonav.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="links">
<a href="http://fooplugins.com" target="_blank">FooPlugins</a>
<a href="https://github.com/fooplugins/foonav">GitHub Repo</a>
<a href="../index.html">Home</a>
</div>
<div id="header" class="demo">
<h1>Playground</h1>
</div>
<div id="content">
<hr/>
<p>Welcome to the FooNav.js playground. On this page you will be able to change the majority of FooNav.js' options so that you can see what they do for yourself. The options not available here are those that require some customization to work, like creating a CSS class or HTML markup.</p>
<hr/>
<h1 id="presets">Presets</h1>
<p>Instead of playing around with the options below you can try some presets using the buttons.</p>
<a id="preset_1" href="#preset-1" class="demo-btn">Preset 1</a>
<a id="preset_2" href="#preset-2" class="demo-btn">Preset 2</a>
<a id="preset_3" href="#preset-3" class="demo-btn">Preset 3</a>
<a id="preset_4" href="#preset-4" class="demo-btn">Preset 4</a>
<h1 id="options">Options</h1>
<p>Simply select the available options from below and the menu on this page will change accordingly.</p>
<table id="playground_options">
<thead>
<tr>
<th>Name</th>
<th>Values</th>
</tr>
</thead>
<tbody>
<tr>
<td>classes</td>
<td>
<label><input type="checkbox" name="full_height" value="fon-full-height" />Full Height</label>
<label><input type="checkbox" name="border" value="fon-border" />Border</label>
<label><input type="checkbox" name="rounded" value="fon-rounded" />Rounded</label>
<label><input type="checkbox" name="shadow" value="fon-shadow" />Shadow</label>
</td>
</tr>
<tr>
<td>deeplinking</td>
<td>
<label><input type="checkbox" id="deeplinking" />Whether or not to enable the deeplinking feature.</label>
</td>
</tr>
<tr>
<td>position</td>
<td>
<label><input type="radio" name="position" value="fon-top-left" />Top Left</label>
<label><input type="radio" name="position" value="fon-top-right" checked />Top Right</label>
<label><input type="radio" name="position" value="fon-center-left" />Left Center</label>
<label><input type="radio" name="position" value="fon-center-right" />Right Center</label>
<label><input type="radio" name="position" value="fon-bottom-left" />Bottom Left</label>
<label><input type="radio" name="position" value="fon-bottom-right" />Bottom Right</label>
</td>
</tr>
<tr>
<td>theme</td>
<td>
<select id="theme">
<optgroup label="Default"></optgroup>
<option value="fon-blue">Blue</option>
<option value="fon-dark" selected="selected">Dark</option>
<option value="fon-green">Green</option>
<option value="fon-light">Light</option>
<optgroup label="Flat UI"></optgroup>
<option value="fon-flat-ui-amethyst">Amethyst</option>
<option value="fon-flat-ui-asbestos">Asbestos</option>
<option value="fon-flat-ui-asphalt">Asphalt</option>
<option value="fon-flat-ui-blue">Blue</option>
<option value="fon-flat-ui-emerald">Emerald</option>
<option value="fon-flat-ui-orange">Orange</option>
<option value="fon-flat-ui-pumpkin">Pumpkin</option>
<option value="fon-flat-ui-red">Red</option>
<option value="fon-flat-ui-silver">Silver</option>
<option value="fon-flat-ui-turquoise">Turquoise</option>
</select>
</td>
</tr>
<tr>
<td>title</td>
<td>
<label><input type="text" id="title" value="" />A string to display above the root menu items. This is replaced by the back button text on child menus.</label>
</td>
</tr>
<tr>
<td>top</td>
<td>
<label><input type="checkbox" id="top" checked />Whether or not to display the 'To Top' button.</label>
</td>
</tr>
<tr>
<td>transition</td>
<td>
<label><input type="radio" name="transition" value="fade" />Fade</label>
<label><input type="radio" name="transition" value="slide" checked />Slide</label>
</td>
</tr>
<tr>
<td>scroll</td>
<td>
<label><input type="range" id="scroll" min="0" max="1000" step="50" value="0" />The distance the vertical scroll bar must travel before displaying FooNav.</label>
</td>
</tr>
<tr>
<td>speed</td>
<td>
<label><input type="range" id="speed" min="0" max="3000" step="50" value="200" />The speed FooNav is shown/hidden and the speed the menus are transitioned between.</label>
</td>
</tr>
<tr>
<td>smart</td>
<td>Smart options provide additional functionality to FooNav enhancing the user experience.</td>
</tr>
<tr>
<td class="child">enable</td>
<td>
<label><input type="checkbox" id="smart_enable" checked />Whether or not to enable the smart options. This disables all smart options if set to false.</label>
</td>
</tr>
<tr>
<td class="child">anchors</td>
<td>
<label><input type="checkbox" id="smart_anchors" checked />Whether or not to track anchors in the page. If set to true FooNav will automatically find the item corresponding to the current top most visible anchor and display it.</label>
</td>
</tr>
<tr>
<td class="child">close</td>
<td>
<label><input type="checkbox" id="smart_close" checked />Whether or not to close the menu when losing focus. If set to true when a user clicks anywhere on the page that is not within FooNav, it will close.</label>
</td>
</tr>
<tr>
<td class="child">open</td>
<td>
<label><input type="checkbox" id="smart_open" />Whether or not to auto open FooNav on page load. If set to true and the page is scrolled past the scroll option value and a tracked anchor is visible, FooNav will be displayed.</label>
</td>
</tr>
<tr>
<td class="child">remember</td>
<td>
<label><input type="checkbox" id="smart_remember" checked />Whether or not to remember the displayed item on toggle. If set to false when FooNav is displayed or redisplayed it is reset to the root items.</label>
</td>
</tr>
<tr>
<td class="child">scroll</td>
<td>
<label><input type="checkbox" id="smart_scroll" checked />Whether or not to enable smart scrolling. If set to true and a user clicks on an anchored item the page will smoothly scroll to the anchor from it's current position.</label>
</td>
</tr>
</tbody>
</table>
<hr/>
<h1 id="additional_content">Additional Content</h1>
<p>The below is just some additional content so FooNav can build up some items from the headers.</p>
<hr/>
<h2 id="intro">Introduction</h2>
<p>Sed non tincidunt quam. Donec tempus placerat erat, sit amet ornare dui congue quis. Donec vel magna nec augue laoreet luctus vel non arcu. Donec sapien nisi, eleifend nec ornare et, molestie a quam. Suspendisse ultricies ipsum quis odio vestibulum, quis condimentum quam viverra. Mauris venenatis laoreet turpis. Duis in nisi aliquam, laoreet tellus porta, posuere enim. Pellentesque dignissim orci a ligula ullamcorper, non rutrum libero gravida. Curabitur vehicula consequat orci nec adipiscing. Suspendisse sem mauris, aliquam vel facilisis vel, fermentum sit amet tortor. Donec eget aliquam mauris, a elementum arcu. Maecenas condimentum sapien sed fringilla aliquet. Sed sapien lectus, mollis at elementum vel, dignissim mollis purus. Ut et suscipit urna. Fusce mollis elit et felis pellentesque, nec fringilla nulla convallis.</p>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<p>Cras et sollicitudin arcu. Maecenas non faucibus neque. Sed ut diam tellus. Sed feugiat posuere nisi, eu ornare nulla varius id. Sed leo odio, pulvinar a placerat ut, dapibus sit amet turpis. Integer ultrices sem in ipsum cursus fermentum. Curabitur bibendum, risus tempor vulputate aliquam, felis enim eleifend ipsum, ac mattis magna tellus quis velit. Quisque blandit, libero ut volutpat egestas, risus nisl varius nulla, sit amet pellentesque felis tellus adipiscing felis. Phasellus dictum tortor sapien, nec iaculis orci semper et.</p>
<hr/>
<h2 id="guide">Guide</h2>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<h3 id="step_1">Step 1: Start Something</h3>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<p>Cras et sollicitudin arcu. Maecenas non faucibus neque. Sed ut diam tellus. Sed feugiat posuere nisi, eu ornare nulla varius id. Sed leo odio, pulvinar a placerat ut, dapibus sit amet turpis. Integer ultrices sem in ipsum cursus fermentum. Curabitur bibendum, risus tempor vulputate aliquam, felis enim eleifend ipsum, ac mattis magna tellus quis velit. Quisque blandit, libero ut volutpat egestas, risus nisl varius nulla, sit amet pellentesque felis tellus adipiscing felis. Phasellus dictum tortor sapien, nec iaculis orci semper et.</p>
<h3 id="step_2">Step 2: Do Something Else</h3>
<p>Sed non tincidunt quam. Donec tempus placerat erat, sit amet ornare dui congue quis. Donec vel magna nec augue laoreet luctus vel non arcu. Donec sapien nisi, eleifend nec ornare et, molestie a quam. Suspendisse ultricies ipsum quis odio vestibulum, quis condimentum quam viverra. Mauris venenatis laoreet turpis. Duis in nisi aliquam, laoreet tellus porta, posuere enim. Pellentesque dignissim orci a ligula ullamcorper, non rutrum libero gravida. Curabitur vehicula consequat orci nec adipiscing. Suspendisse sem mauris, aliquam vel facilisis vel, fermentum sit amet tortor. Donec eget aliquam mauris, a elementum arcu. Maecenas condimentum sapien sed fringilla aliquet. Sed sapien lectus, mollis at elementum vel, dignissim mollis purus. Ut et suscipit urna. Fusce mollis elit et felis pellentesque, nec fringilla nulla convallis.</p>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<h3 id="step_3">Step 3: Do Something Else</h3>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<h3 id="step_4">Step 4: Do Something Else</h3>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<h3 id="step_5">Step 5: Do Something Else</h3>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<h3 id="step_6">Step 6: Almost Done, but..Do Something Else</h3>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<h3 id="step_7">Step 7: Finish Doing Something</h3>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<p>Vivamus convallis porta purus at placerat. Cras at dapibus enim, quis hendrerit orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac sem congue, volutpat leo quis, commodo nibh. Sed volutpat cursus dui, ac vehicula metus sodales eu. Nam iaculis molestie felis, et convallis turpis aliquam ac. Ut scelerisque a leo at rhoncus. Nunc egestas, justo non eleifend ultrices, magna orci pretium augue, a suscipit arcu nisi ac elit. Phasellus feugiat adipiscing lacinia. Integer tempus mi eget mauris tincidunt, quis pretium arcu luctus. Sed et dignissim risus. Etiam at justo vel justo tempor vulputate.</p>
<hr/>
<h2 id="summary">Summary</h2>
<p>Sed posuere purus eleifend lobortis accumsan. Nulla vel sapien nec lacus scelerisque venenatis. Duis lacinia volutpat ante eu tempus. In nec lectus dui. Fusce ultricies sem eu ante mollis malesuada. In quis risus vulputate, cursus diam ac, fermentum eros. Ut nulla mauris, tempus vitae quam at, sodales luctus nulla. Quisque molestie lobortis nisi vel lacinia.</p>
<h2>Some Extra Long Headings: These Will Get Wrapped on Smaller Screens</h2>
</div>
<div id="footer">
<script src="js/jquery.min.js"></script>
<script src="js/prism.js"></script>
<script src="../dist/foonav.min.js"></script>
<script>
function init(){
var classes = getClasses(),
deeplinking = $('#deeplinking').is(':checked'),
position = $('input[name=position]:checked').val(),
theme = $('#theme').val(),
title = $('#title').val(),
top = $('#top').is(':checked'),
transition = $('input[name=transition]:checked').val(),
scroll = parseInt($('#scroll').val()),
speed = parseInt($('#speed').val()),
smart = {
enable: $('#smart_enable').is(':checked'),
anchors: $('#smart_anchors').is(':checked'),
close: $('#smart_close').is(':checked'),
open: $('#smart_open').is(':checked'),
remember: $('#smart_remember').is(':checked'),
scroll: $('#smart_scroll').is(':checked')
};
FooNav.destroyAll();
FooNav.init({
classes: classes,
deeplinking: deeplinking,
items: '#content',
position: position,
theme: theme,
title: title == '' ? null : title,
top: top,
transition: transition,
scroll: scroll,
speed: speed,
smart: smart
});
}
function getClasses(){
var tmp = [];
if ($('input[name=full_height]').is(':checked')){ tmp.push('fon-full-height'); }
if ($('input[name=border]').is(':checked')){ tmp.push('fon-border'); }
if ($('input[name=rounded]').is(':checked')){ tmp.push('fon-rounded'); }
if ($('input[name=shadow]').is(':checked')){ tmp.push('fon-shadow'); }
return tmp.join(' ');
}
$(function(){
init();
$('#playground_options :input').change(function(){
init();
});
$('#preset_1,#preset_2,#preset_3,#preset_4').on('click', function(e){
e.preventDefault();
e.stopPropagation();
var options = {};
switch(e.target.id){
case 'preset_1':
options = {
classes: 'fon-border fon-rounded',
items: '#content',
position: 'fon-top-left',
theme: 'fon-blue',
title: 'Preset 1',
top: true,
transition: 'slide',
scroll: 0,
smart: {
enable: true,
anchors: true,
close: true,
open: true,
remember: true,
scroll: true
}
};
break;
case 'preset_2':
options = {
classes: 'fon-border fon-full-height',
items: '#content',
position: 'fon-top-right',
theme: 'fon-green',
title: 'Preset 2',
top: false,
transition: 'fade',
scroll: 0,
smart: {
enable: false,
anchors: true,
close: true,
open: true,
remember: true,
scroll: true
}
};
break;
case 'preset_3':
options = {
classes: 'fon-border fon-shadow',
items: '#content',
position: 'fon-bottom-right',
theme: 'fon-dark',
title: 'Preset 3',
top: true,
transition: 'slide',
scroll: 0,
smart: {
enable: true,
anchors: true,
close: true,
open: true,
remember: true,
scroll: true
}
};
break;
case 'preset_4':
options = {
classes: 'fon-border fon-rounded fon-full-height fon-shadow',
items: '#content',
position: 'fon-bottom-left',
theme: 'fon-light',
title: 'Preset 4',
top: true,
transition: 'slide',
scroll: 0,
smart: {
enable: true,
anchors: true,
close: true,
open: true,
remember: true,
scroll: true
}
};
break;
}
FooNav.destroyAll();
FooNav.init(options).ready(function(nav){
nav.toggle();
});
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-274447-68', 'auto');
ga('send', 'pageview');
</script>
</div>
</body>
</html>