/**
 * functions.js
 *
 * Handles toggling the navigation menu for small screens and enables tab
 * support for dropdown menus.
 */

( function($) {

	( function() {
		var containers = $( '.site-navigation' );
		if ( containers.length === 0 ) {
			return;
		}

		$.each(
			containers, function(i){
				var container = containers.eq( i );
				var button    = container.parent().find( '.menu-toggle' );
				if ( 'undefined' !== typeof button ) {
					var menu = container.find( 'ul' );
					if ( 'undefined' !== typeof menu ) {
						menu.attr( 'aria-expanded','false' );
						if ( ! menu.hasClass( 'nav-menu' )) {
							menu.addClass( 'nav-menu' );
						}
						button.click(
							function(){
								if (container.hasClass( 'toggled' )) {
									container.removeClass( 'toggled' );
									button.attr( 'aria-expanded', 'false' );
									menu.attr( 'aria-expanded', 'false' );
								} else {
									container.addClass( 'toggled' );
									button.attr( 'aria-expanded', 'true' );
									menu.attr( 'aria-expanded', 'true' );
								}
							}
						);
					} else {
						button.hide();
					}

					// Get all the link elements within the menu.
					var links    = menu[ 0 ].getElementsByTagName( 'a' );
					var subMenus = menu[ 0 ].getElementsByTagName( 'ul' );

					// Set menu items with submenus to aria-haspopup="true".
					for ( i = 0; i < subMenus.length; i++ ) {
						subMenus[i].parentNode.setAttribute( 'aria-haspopup', 'true' );
					}

					// Each time a menu link is focused or blurred, toggle focus.
					for ( i = 0; i < links.length; i++ ) {
						links[i].addEventListener( 'focus', toggleFocus, true );
						links[i].addEventListener( 'blur', toggleFocus, true );
					}
				}

			}
		);

		/**
		 * Sets or removes .focus class on an element.
		 */
		function toggleFocus() {
			var self = this;

			// Move up through the ancestors of the current link until we hit .nav-menu.
			while ( -1 === self.className.indexOf( 'nav-menu' ) ) {

				// On li elements toggle the class .focus.
				if ( 'li' === self.tagName.toLowerCase() ) {
					if ( -1 !== self.className.indexOf( 'focus' ) ) {
						self.className = self.className.replace( ' focus', '' );
					} else {
						self.className += ' focus';
					}
				}

				self = self.parentElement;
			}
		}
	} )();

	$( document ).ready(
		function() {

				callback_mobile_dropdown();
				dropdownHorizontalAlign();

		}
	);

	$( window ).load(
		function(){
			'use strict';

			/* PRE LOADER */
			jQuery( '.status' ).fadeOut();
			jQuery( '.preloader' ).delay( 1000 ).fadeOut( 'slow' );

		}
	);

	$( window ).resize(
		function() {

			dropdownHorizontalAlign();

			/* Hide menu on resize */
			if ( getWidth() >= 992 ) {
				if ( $( '.site-navigation' ).hasClass( 'toggled' ) ) {
					$( '.site-navigation' ).removeClass( 'toggled' );
				}
				if ( $( '.site-navigation li.has_children' ).hasClass( 'opened' ) ) {
					$( '.site-navigation li.has_children' ).removeClass( 'opened' );
				}
			}

		}
	);

	/*** DROPDOWN FOR MOBILE MENU */
	var callback_mobile_dropdown = function () {
		var $navLi = $( '#site-navigation li' );
		$navLi.each(
			function(){
				if ( $( this ).find( 'ul' ).length > 0 && ! $( this ).hasClass( 'has_children' ) ) {
					$( this ).addClass( 'has_children' );
				}
			}
		);
		$( '.dropdownmenu' ).click(
			function(){
				if ( $( this ).parent( 'li' ).hasClass( 'this-open' ) ) {
					$( this ).parent( 'li' ).removeClass( 'this-open' );
				} else {
					$( this ).parent( 'li' ).addClass( 'this-open' );
				}
			}
		);
	};

	jQuery( document ).ready(
		function($){

			/* Dropdown menu delay */
			if ( getWidth() >= 992 ) {
				var timeout_submenu;

				$( '.main-navigation > div > ul > li' ).on(
					'mouseleave', function () {
						var ul          = $( this ).find( '>ul' );
						timeout_submenu = setTimeout(
							function () {
								ul.hide();
							}, 100
						);
					}
				);
				$( '.main-navigation > div > ul > li' ).on(
					'mouseenter', function () {
						var th = $( this );
						th.find( '>ul' ).show();

					}
				);

				$( '.main-navigation > div > ul > li > ul' ).on(
					'mouseenter', function () {
						clearTimeout( timeout_submenu );
					}
				);

			} else {

				$( '.site-navigation' ).find( '.menu-item-has-children > a' ).after( '<span class="dropdown-toggle"></span>' );

				$( '.dropdown-toggle' ).on(
					'click', function () {
						var th = $( this );

						if ( th.parent().hasClass( 'opened' ) ) {
							th.parent().removeClass( 'opened' );
							th.removeClass( 'angle-up' );
						} else {
							th.parent().addClass( 'opened' );
							th.addClass( 'angle-up' );
						}

					}
				);
			}

			/* Social icons menu toggle */
			$( '.social-icons-toggle' ).click(
				function(){
					$( '.social-icons-wrapper' ).slideToggle();
				}
			);
		}
	);

	function dropdownHorizontalAlign() {
		$( '#site-navigation li.menu-item-has-children , #site-navigation li.page_item_has_children' ).each(
			function(){
					var thLi    = $( this ),
					windowWidth = getWidth(),
					liOffset    = $( thLi ).offset().left - parseInt( $( '.header-container' ).css( 'margin-left' ) ) + $( thLi ).width() / 2;
				if ( windowWidth <= ( liOffset + $( thLi ).find( 'ul' ).width() / 2 ) ) {
					$( thLi ).find( 'ul' ).css( 'left', windowWidth - $( thLi ).find( 'ul' ).width() / 2 );
				} else {
					$( thLi ).find( 'ul' ).css( 'left', liOffset );
				}
			}
		);
	}

	/* Modal */
	if ( $( '#siteModal' ).hasClass( 'site-modal-open' ) ) {
		$( '#siteModal' ).modal( 'show' );
	}

	$( '.open-modal' ).click(
		function() {
				$( '#siteModal' ).modal( 'show' );
		}
	);

	/* Search field */
	$( '.top-bar form.search-form' ).submit(
		function(){

				var form     = $( this ),
				$searchField = $( '.top-bar form .search-field' );

			if (form.hasClass( 'search-visible' )) {

				return true;

			}

				$searchField.animate(
					{

						marginLeft: parseInt( $searchField.css( 'marginLeft' ),10 ) === 0 ?
						$searchField.outerWidth() : 0

					}
				);

				/* Responsive search form */
			if ( getWidth() > 992 ) {

				$searchField.parent().parent().addClass( 'search-visible' ).find( '.search-field' ).focus();

				/* Hide search field when click outside on desktop devices */
				$( '.top-bar form.search-form' ).outside(
					'click', function() {

						if ( form.hasClass( 'search-visible' ) ) {
							$searchField.animate(
								{

									marginLeft: -(parseInt( $searchField.css( 'marginLeft' ) + 10,10 ) === 0 ?
									$searchField.outerWidth() : 0)

								}
							);

							form.removeClass( 'search-visible' );
						}
					}
				);

			} else {

				$searchField.parent().parent().addClass( 'search-visible' ).css( 'margin-left', 0 ).find( '.search-field' );

				$searchField.closest( '.top-bar-icons-wrapper' ).find( '.social-icons-toggle' ).animate(
					{
						opacity: 0,
						width: 0,
						}
				);

				$searchField.closest( '.top-bar-icons-wrapper' ).find( '.menu-shopping-cart' ).animate(
					{
						opacity: 0,
						width: 0,
						}
				);

				if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ) ) {
					$( 'body' ).addClass( 'belise-cursor-pointer' );
				}

				/* Hide search field when click outside on mobile devices */
				$( '.top-bar form.search-form' ).outside(
					'click', function() {
						if ( form.hasClass( 'search-visible' ) ) {
							$searchField.animate(
								{

									marginLeft: -(parseInt( $searchField.css( 'marginLeft' ),10 ) === 0 ?
									$searchField.outerWidth() : 0)

								}
							);

							$searchField.closest( '.top-bar-icons-wrapper' ).find( '.social-icons-toggle' ).animate(
								{
									opacity: 100,
									width: 48,
								 }
							);

							$searchField.closest( '.top-bar-icons-wrapper' ).find( '.menu-shopping-cart' ).animate(
								{
									opacity: 100,
									width: 48,
								 }
							);

							form.removeClass( 'search-visible' );

							if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ) ) {
								$( 'body' ).removeClass( 'belise-cursor-pointer' );
							}

						}
					}
				);

			}

				return false;
		}
	);

	/* Smooth scroll */
	$( '#hero a[href*="#"]:not([href="#"])' ).click(
		function() {
			if (location.pathname.replace( /^\//,'' ) === this.pathname.replace( /^\//,'' ) && location.hostname === this.hostname) {
				var target = $( this.hash );
				target     = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' );
				if (target.length) {
					$( 'html, body' ).animate(
						{
							scrollTop: target.offset().top
						}, 500
					);
					return false;
				}
			}
		}
	);

} )( jQuery,window );


/* Detecting outside clicks of an element */
(function($){
	$.fn.outside = function(ename, cb){
		return this.each(
			function(){
				var self = this;

				$( document ).bind(
					ename, function tempo(e){
					if (e.target !== self && ! $.contains( self, e.target )) {
						cb.apply( self, [e] );
						if ( ! self.parentNode) {
							$( document.body ).unbind( ename, tempo );
						}
					}
					}
				);
			}
		);
	};
}(jQuery));


											/* Get window width depending on the browser */
											function getWidth() {
												if (this.innerWidth) {
													return this.innerWidth;
												}

												if (document.documentElement && document.documentElement.clientWidth) {
													return document.documentElement.clientWidth;
												}

												if (document.body) {
													return document.body.clientWidth;
												}
											}