/*!
 * JavaScript for Fuel UX's docs
 * Copyright 2011-2014 ExactTarget, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
 * details, see https://creativecommons.org/licenses/by/3.0/.
 */

define(function (require) {
	var $body = $(document.body);
	var $window = $(window);

	require('assets/js/combobox-examples');
	require('assets/js/datepicker-examples');
	require('assets/js/infinite-scroll-examples');
	require('assets/js/repeater-examples');
	require('assets/js/placard-examples');
	require('assets/js/pillbox-examples');
	require('assets/js/scheduler-examples');
	require('assets/js/search-examples');
	require('assets/js/selectlist-examples');
	require('assets/js/spinbox-examples');
	require('assets/js/tree-examples');
	require('assets/js/wizard-examples');

	require('supercopy');

	$body.scrollspy({
		target: '.fu-sidebar'
	});

	setTimeout(function () {
		var $sideBar = $('.fu-sidebar');

		$sideBar.affix({
			offset: {
				top: function () {
					var offsetTop = $sideBar.offset().top;
					var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10);
					var navOuterHeight = $('.fu-docs-nav').height();

					this.top = offsetTop - navOuterHeight - sideBarMargin;
					return this.top;
				},
				bottom: function () {
					this.bottom = $('.fu-footer').outerHeight(true);
					return this.bottom;
				}
			}
		});
	}, 100);

	//programmatically injecting this is so much easier than writing the html by hand 376 times...
	$('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], dt[id]').each(function (i) {
		$(this).prepend(['<a class="header-anchor" href="#', this.id, '"><span class="glyphicon glyphicon-link"></span></a>'].join(''));
	});
});