/**
 * jQuery Sidebar JS
 *
 * Adds a toggle icon with slide animation for the sidebar on mobile devices
 *
 * Copyright 2015 ThemeZee
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Thomas Weichselbaumer (themezee.com)
 *
 * @package Merlin
 */

(function($) {
	
	/**--------------------------------------------------------------
	# Setup Sidebar Menu
	--------------------------------------------------------------*/
	$( document ).ready( function() {
		
		/* Show sidebar and fade content area */
		function showSidebar() {
			
			sidebar.show();
			sidebar.animate({ 'max-width' : '400px' }, 400 );
					
			content.fadeTo('400', 0.5); 
			
		}
		
		/* Hide sidebar and show full content area */
		function hideSidebar() {
			
			sidebar.animate({ 'max-width': '0' },  400, function(){
				sidebar.hide();
			});
					
			content.fadeTo('400', 1);
		}
		
		/* Reset sidebar on desktop screen sizes */
		function resetSidebar() {
			
			sidebar.show();
			sidebar.css({ 'max-width' : '100%' });
					
			content.fadeTo('0', 1); 
		}
		
		/* Only do something if sidebar exists */
		if ( $( '.sidebar' ).length > 0 ) {
		
			/* Add sidebar toggle */
			$('.main-navigation-menu').before('<button id=\"sidebar-toggle\" class=\"sidebar-navigation-toggle\"></button>');
			
			/* Setup Selectors */
			var button = $('#sidebar-toggle'),
				sidebar = $('.sidebar'),
				content = $('.content-area, .post-slider-container');
			
			/* Add sidebare toggle effect */
			button.on('click', function(){
				if( sidebar.is(':visible') ) {
					hideSidebar();
				}
				else {
					showSidebar();
				}
			});
					
		}
		
		/* Reset sidebar menu on desktop screens */
		if(typeof matchMedia == 'function') {
			var mq = window.matchMedia('(max-width: 55em)');
			mq.addListener(widthChange);
			widthChange(mq);
		}
		function widthChange(mq) {
			
			/* Only do something if sidebar exists */
			if ( $( '.sidebar' ).length <= 0 ) {
				return;
			}
		
			if (mq.matches) {
		
				sidebar.hide();
				
				/* Hide Sidebar when Content Area is clicked */
				content.on('click', function(e){
					if( sidebar.is(':visible') ) {
						e.preventDefault();
						hideSidebar();
					}
				});

			}
			else {
				
				/* Reset Sidebar Menu */
				resetSidebar();
				content.unbind( 'click' );
				
			}
			
		}

	} );

}(jQuery));