(function( $ ) {
	'use strict';
	$( document ).ready( function() {
		/*-----------------------------------------------------------------------------------*/
		/*  Page Loader
		/*-----------------------------------------------------------------------------------*/
		if ( $( '.loader-page' ).length ) {
			$( '.loader-page' ).delay( 600 ).fadeOut( 1000 );
		}
		/*-----------------------------------------------------------------------------------*/
		/*  Detect Mobile Browser
		/*-----------------------------------------------------------------------------------*/
		var mobileDetect = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent );
		/*-----------------------------------------------------------------------------------*/
		/*  Home icon in main menu
		/*-----------------------------------------------------------------------------------*/
		$( '.main-navigation .menu-item-home:first-child > a' ).prepend( '<i class="fa fa-home spaceRight"></i>' );
		/*-----------------------------------------------------------------------------------*/
		/*  Set nanoscroller
		/*-----------------------------------------------------------------------------------*/
		function setNano() {
			if ( $( '#tertiary.widget-area' ).length ) {
				$( '.nano' ).nanoScroller( { preventPageScrolling: true } );
			}
		}
		setNano();
		/*-----------------------------------------------------------------------------------*/
		/*  Sidebar Push Button
		/*-----------------------------------------------------------------------------------*/
		$( '.hamburger, .opacityBox' ).click(function(){
			$( 'body, .atracium-sidebar-button, .atracium-bar, .atracium-subbar' ).toggleClass( 'yesOpen' );
			$( '.hamburger--spin' ).toggleClass( 'is-active' );
			if ( mobileDetect ) {
				$( '.opacityBox' ).toggleClass( 'yesOpen' );
			}
		});
		/*-----------------------------------------------------------------------------------*/
		/*  Search Button
		/*-----------------------------------------------------------------------------------*/
		$( '.atracium-search-button .asbutton' ).click( function() {
			if ( $( '.atracium-search-button' ).hasClass( 'searchOpen' ) ) {
				$( '.atracium-search-button, .atracium-subbar' ).removeClass( 'searchOpen' );
			} else {
				$( '.atracium-search-button, .atracium-subbar' ).addClass( 'searchOpen' );
				if ( ! mobileDetect ) {
					$( '.atracium-search-button .search-container .search-field' ).focus();
				}
			}
		});
		/*-----------------------------------------------------------------------------------*/
		/*  Menu Widget
		/*-----------------------------------------------------------------------------------*/
		if ( $( 'aside ul.menu' ).length ) {
			$( 'aside ul.menu' ).find( 'li' ).each( function() {
				if ( $( this ).children( 'ul' ).length > 0 ) {
					$( this ).append( '<span class="indicatorBar"></span>' );
				}
			} );
			$( 'aside ul.menu > li.menu-item-has-children .indicatorBar, .aside ul.menu > li.page_item_has_children .indicatorBar' ).click( function() {
				$( this ).parent().find( '> ul.sub-menu, > ul.children' ).toggleClass( 'yesOpenBar' );
				$( this ).toggleClass( 'yesOpenBar' );
				var $self = $( this ).parent();
				if ( $self.find( '> ul.sub-menu, > ul.children' ).hasClass( 'yesOpenBar' ) ) {
					$self.find( '> ul.sub-menu, > ul.children' ).slideDown( 300 );
				} else {
					$self.find( '> ul.sub-menu, > ul.children' ).slideUp( 200 );
				}
			});
		}

		/*-----------------------------------------------------------------------------------*/
		/*  Fixed Menu to top
		/*-----------------------------------------------------------------------------------*/
		$( window ).scroll( function () {
			var topmenu = $( '.front-page-menu' ).outerHeight();
			if ( $( document ).scrollTop() > ( topmenu + 400 ) ) {
				$( '.front-page-menu .navbar' ).addClass( 'navbar-inverse' );
			} else {
				$( '.front-page-menu .navbar' ).removeClass( 'navbar-inverse' );
			}
		} );
		/*-----------------------------------------------------------------------------------*/
		/*  Change Header Height
		/*-----------------------------------------------------------------------------------*/
		var myHeader = $( '.main-header' ),
			myIntro = $( '.intro' );
		myHeader.height( $( window ).height() - 21 );
		myIntro.each( function () {
			$( this ).css( 'paddingTop', ( ( $( window ).height() - myIntro.height() ) / 2 ) - 50 );
		} );

		$( '.page-header' ).each( function () {
			$( '.page-header .atraciumLogo p' ).css( 'marginLeft', ( ( $( window ).width() - myIntro.width() ) / 2 ) - 50 );
			$( '.page-header .site-title' ).css( 'paddingTop', ( ( $( '.page-header' ).height() - $( '.atraciumLogo' ).height() ) / 2 ) );
		} );

		/*-----------------------------------------------------------------------------------*/
		/*  Scroll To Features
		/*-----------------------------------------------------------------------------------*/
		$( '.main-header .arrow i' ).click( function () {
			$( 'html, body' ).animate( {
				scrollTop: $( '.categories' ).offset().top
			}, 1000 );
		} );

		/*-----------------------------------------------------------------------------------*/
		/*  Scroll To Top
		/*-----------------------------------------------------------------------------------*/
		if ( ! mobileDetect || $( '#toTop' ).hasClass( 'scrolltop_on' ) ) {
			$( window ).scroll( function() {
				if ( $( this ).scrollTop() > 700 ) {
					$( '#toTop' ).addClass( 'visible' );
				} else {
					$( '#toTop' ).removeClass( 'visible' );
				}
			});
			$( '#toTop' ).click( function() {
				$( 'html, body' ).animate( { scrollTop: 0 }, 1000 );
				return false;
			} );
		}
		/*-----------------------------------------------------------------------------------*/
		/*  Detect Mobile Browser
		/*-----------------------------------------------------------------------------------*/
		if ( ! mobileDetect ) {
			/*-----------------------------------------------------------------------------------*/
			/*  Effect for site branding
			/*-----------------------------------------------------------------------------------*/
			$( '.atraciumLogo' ).data( 'height', $( '.atraciumLogo' ).outerHeight() );
			$( window ).scroll( function() {
				var position = window.scrollY,
					bottom   = window.innerHeight - document.getElementById( 'colophon' ).offsetHeight,
					height   = $( '.atraciumLogo' ).data( 'height' ),
					content  = $( '#content' ).offset().top,
					footer   = $( '#colophon' ).offset().top - position;

				if ( position > 0 && content > position && footer > bottom ) {
					if ( position < height ) {
						$( '.atraciumLogo' ).css( {
							'opacity' : ( 1 - position / height / 1.5 )
						} );
					}
				} else if ( position <= 0 ) {
					$( '.atraciumLogo' ).css( {
						'opacity' : 1
					} );
				}
			} );
		}
	} );
} )(jQuery);