$(document).ready(function() {

	

	

	

      

	$.fn.menumaker = function(options) {

      

    var cssmenu = $(this), settings = $.extend({

        title: "Menu",

        format: "dropdown",

        sticky: false

      }, options);



      return this.each(function() {

		

		cssmenu.prepend('<div id="menu-button"><span></span><span></span><span></span>' + settings.title + '</div>');

		$(this).find("#menu-button").on('click', function(){

		  $(this).toggleClass('menu-opened');

		  var mainmenu = $(this).next('ul');

		  if (mainmenu.hasClass('open')) { 

			mainmenu.slideUp().removeClass('open');

		  }

		  else {

			mainmenu.slideDown().addClass('open');

			if (settings.format === "dropdown") {

			  mainmenu.find('ul').slideDown();

			}

		  }

		});

		

		cssmenu.find('li ul').parent().addClass('has-sub');



		multiTg = function() {

		  cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');

		  cssmenu.find('.submenu-button').on('click', function() {

			$(this).toggleClass('submenu-opened');

			if ($(this).siblings('ul').hasClass('open')) {

			  $(this).siblings('ul').removeClass('open').slideUp();

			}

			else {

			  $(this).siblings('ul').addClass('open').slideDown();

			}

		  });

		};



		if (settings.format === 'multitoggle') multiTg();

		else cssmenu.addClass('dropdown');

		

		

      });

	};

	

	$(".navy").menumaker({

		title: "Navigation",

		format: "multitoggle"

	});

	

	

		$('#menu-button').click(function(){

		$(this).toggleClass('open');

	});

	

	

	new AnimOnScroll( document.getElementById( 'grid' ), {

				minDuration : 0.4,

				maxDuration : 0.7,

				viewportFactor : 0.2

			} );

	

});

