jQuery(document).ready(function() {

	jQuery('.menuButton, .closeNav').click(function() {
		jQuery('.mainNav').toggleClass('activeNav');
		jQuery('.menuButton').toggleClass('activeMenuButton');
		jQuery('.menuButtonIcon').toggleClass('activeMenuButtonIcon');
	})

	jQuery('.navIcons div').click(function() {
		jQuery('.activeSlide').removeClass('activeSlide');
		slide = jQuery(this).data('icon');
		jQuery('.'+slide).toggleClass('activeSlide');
		jQuery('#myslide').css("visibility","visible");
		jQuery(this).addClass('navIconMarker');
		jQuery('.navIcons div').children().children().attr('fill', '#becedd');
		jQuery(this).children().children().attr('fill', '#359c00');
	})

	jQuery('.closeSlide').click(function() {
		jQuery('.activeSlide').toggleClass('activeSlide');
		jQuery('.navIcons div').children().children().attr('fill', '#bfccdc');
	})

	jQuery('.closeSlideRight').click(function() {
		jQuery('.activeSlide').toggleClass('activeSlide');
		jQuery('#myslide').css("visibility","hidden");
		jQuery('.navIcons div').children().children().attr('fill', '#bfccdc');
	})

})