(function($){
	$(document).ready(function() {	
	    $( '#main-navigation-trigger' ).click( function( e ) {
				$( '.main-navigation > div > ul' ).toggleClass( 'show' );
		} );
	    
		 $(".main-navigation > div > ul>li").find('.sub-menu').parent().addClass('dropdown');
		 $(".main-navigation > div > ul>li.dropdown").append('<div class="show-submenu"><i class="fa fa-angle-down"></i></div>');

		$(".main-navigation > div > ul>li.dropdown").on("click", ".show-submenu", function(e) {
			e.stopPropagation();
			
			$(this).html($(this).html() == '<i class="fa fa-angle-down"></i>' ? '<i class="fa fa-angle-up"></i>' : '<i class="fa fa-angle-down"></i>');
		});

		$('.main-navigation > div > ul>li.dropdown .show-submenu').click(function() {
			$('.main-navigation > div > ul>li.dropdown .show-submenu').not($(this)). 
			parent().find('.sub-menu').hide();
			$(this).parent().find('.sub-menu').toggle();
		}); 
		
	});
})(jQuery);