/**
 * Theme JavaScript functions and definitions for a better usability.
 */
(function( $ ) {
	// When document load
	$( document ).ready( function() {
		// Site navigation
		$( 'nav .main-menu > ul li > ul li' ).mouseenter( function() {
			var $curSubMenu    = $( this ),
					$nextSubMenu   = $curSubMenu.find( 'ul' ),
					subMenuWidth   = $curSubMenu.width(),
					subMenuShift   = 112,
					subMenuPosLeft = Math.round( $curSubMenu.offset().left ),
					windowWidth    = $( window ).width();
			$( window ).resize( function() {
				windowWidth = $( window ).width();
				$( 'nav .normal-sub-menu' ).removeClass( 'normal-sub-menu' );
				$( 'nav .reverse-sub-menu' ).removeClass( 'reverse-sub-menu' );
			} );
			if ( windowWidth - subMenuPosLeft - subMenuWidth < subMenuShift ) {
				if ( $nextSubMenu.hasClass( 'normal-sub-menu' ) ) {
					$nextSubMenu.removeClass( 'normal-sub-menu' );
				}
				$nextSubMenu.addClass( 'reverse-sub-menu' );
			}
			if ( subMenuPosLeft - subMenuShift < 0 ) {
				if ( $nextSubMenu.hasClass( 'reverse-sub-menu' ) ) {
					$nextSubMenu.removeClass( 'reverse-sub-menu' );
				}
				$nextSubMenu.addClass( 'normal-sub-menu' );
			}
		} );

		// Customize input[type="file"]
		$( 'input[type=file]' ).blogotronInputFile( {
																									'iFileBrowse':      iFileBrowse,
																									'iFileNotSelected': iFileNotSelected
																								} );
		// Customize input[type="radio"]
		$( 'input[type=radio]' ).blogotronRadio();
		// Customize input[type="checkbox"]
		$( 'input[type=checkbox]' ).blogotronCheckbox();
		// Customize select
		$( 'select' ).blogotronSelect();
		// Scroll top
		$( '.scroll-top' ).on( 'click', function() {
			$( 'body' ).animate( { scrollTop: 0 }, 'slow' );
		} );
		// When form reset, reset custom input[type="file"], input[type="radio"], input[type="checkbox"], select
		$( 'form' ).bind( 'reset', function() {
			var form = $( this );
			$( 'input[type=radio]' ).blogotronRadio( 'reset', form );
			$( 'input[type=file]' ).blogotronInputFile( 'reset', form );
			$( 'input[type=checkbox]' ).blogotronCheckbox( 'reset', form );
			$( 'select' ).blogotronSelect( 'reset', form );
		} );
		// Fix for plugin BWS Portfolio
		$( '.page-template-portfolio-php #portfolio_pagenation' ).appendTo( '.page-template-portfolio-php #content.hentry' );
	} ); // end document ready
})( jQuery );

/**
 * Plugin for customize input[type="checkbox"].
 */
(function( $ ) {
	var methods            = {
		'init':  function( options ) {
			return this.each( function( index ) {
				var $this = $( this );
				if ( $this.attr( 'type' ) != 'checkbox' ) {
					return;
				}
				var form = $( '<div/>', {
					'class': 'checkbox-button checkbox-button-' + index
				} );
				$this.hide();
				$this.after( form );
				if ( $this.is( ':checked' ) ) {
					form.addClass( 'checkbox-button-checked ' );
				}
				form.on( 'click', function() {
					$this.trigger( 'click' );
				} );
				$( 'label' ).filter( '[for=' + $this.attr( 'id' ) + ']' ).on( 'click', function( e ) {
					$this.trigger( 'click' );
					e.preventDefault();
				} );
				$this.filter( ':enabled' ).bind( 'change', function() {
					if ( $this.is( ':checked' ) ) {
						$( this ).next().addClass( 'checkbox-button-checked' );
					} else {
						$( this ).next().removeClass( 'checkbox-button-checked' );
					}
				} );
				form.hover( function() {
					if ( $this.is( ':enabled' ) ) {
						$( this ).addClass( 'checkbox-button-hover' );
					}
				}, function() {
					if ( $this.is( ':enabled' ) ) {
						$( this ).removeClass( 'checkbox-button-hover' );
					}
				} );
				$( 'label' ).filter( '[for=' + $this.attr( 'id' ) + ']' ).hover( function() {
					if ( $this.is( ':enabled' ) ) {
						var target = $( this ).attr( 'for' );
						$( '#' + target ).next().addClass( 'checkbox-button-hover' );
					}
				}, function() {
					if ( $this.is( ':enabled' ) ) {
						var target = $( this ).attr( 'for' );
						$( '#' + target ).next().removeClass( 'checkbox-button-hover' );
					}
				} );
			} );
		},
		'reset': function( form ) {
			form.find( '.checkbox-button' ).removeClass( 'checkbox-button-checked ' );
		}
	};
	$.fn.blogotronCheckbox = function( method ) {
		if ( methods[ method ] ) {
			return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
		} else if ( typeof method === 'object' || !method ) {
			return methods.init.apply( this, arguments );
		} else {
			$.error( 'Method ' + method + ' not found!' );
		}
	}
})( jQuery );

/**
 * Plugin for customize input[type="radio"].
 */
(function( $ ) {
	var methods         = {
		'init':  function( options ) {
			return this.each( function( index ) {
				var $this = $( this );
				if ( $this.attr( 'type' ) != 'radio' ) {
					return;
				}
				var form = $( '<div/>', {
					'class': 'radio-button radio-button-' + index
				} );
				$this.hide();
				$this.after( form );
				if ( $this.is( ':checked' ) ) {
					form.addClass( 'radio-button-checked' );
				}
				form.on( 'click', function() {
					$this.trigger( 'click' );
				} );
				$( 'label' ).filter( '[for=' + $this.attr( 'id' ) + ']' ).on( 'click', function( e ) {
					$this.trigger( 'click' );
					e.preventDefault();
				} );
				$this.filter( ':enabled' ).bind( 'change', function() {
					var name    = $this.attr( 'name' ),
							checked = $( '.radio-button' ).prev().filter( 'input[name=' + name + ']' );
					checked.next().removeClass( 'radio-button-checked' );
					$( this ).next().addClass( 'radio-button-checked' );
				} );
				form.hover( function() {
					if ( $this.is( ':enabled' ) ) {
						$( this ).addClass( 'radio-button-hover' );
					}
				}, function() {
					if ( $this.is( ':enabled' ) ) {
						$( this ).removeClass( 'radio-button-hover' );
					}
				} );
				$( 'label' ).filter( '[for=' + $this.attr( 'id' ) + ']' ).hover( function() {
					if ( $this.is( ':enabled' ) ) {
						var target = $( this ).attr( 'for' );
						$( '#' + target ).next().addClass( 'radio-button-hover' );
					}
				}, function() {
					if ( $this.is( ':enabled' ) ) {
						var target = $( this ).attr( 'for' );
						$( '#' + target ).next().removeClass( 'radio-button-hover' );
					}
				} );
			} );
		},
		'reset': function( form ) {
			form.find( '.radio-button' ).removeClass( 'radio-button-checked' );
		}
	};
	$.fn.blogotronRadio = function( method ) {
		if ( methods[ method ] ) {
			return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
		} else if ( typeof method === 'object' || !method ) {
			return methods.init.apply( this, arguments );
		} else {
			$.error( 'Method ' + method + ' not found!' );
		}
	}
})( jQuery );

/**
 * Plugin for customize input[type="file"].
 */
(function( $ ) {
	var methods             = {
		'init':  function( options ) {
			return this.each( function( index ) {
				var settings = $.extend( {
																	 'iFileBrowse':      'Choose file...',
																	 'iFileNotSelected': 'File is not selected.'
																 }, options );
				var $this    = $( this );
				$this.data( 'settings', settings );
				if ( $this.attr( 'type' ) != 'file' ) {
					return;
				}
				var form       = $( '<div/>', {
							'class': 'input-file-form input-file-form-' + index
						} ),
						button     = $( '<div/>', {
							'class': 'input-file-button input-file-button-' + index
						} ),
						buttonText = $( '<div/>', {
							'class': 'input-file-button-text input-file-button-text-' + index,
							'text':  settings.iFileBrowse
						} ),
						fileName   = $( '<div/>', {
							'class': 'input-file-name input-file-name-' + index,
							'text':  settings.iFileNotSelected
						} );
				button.append( buttonText );
				form.append( button );
				form.append( fileName );
				$this.addClass( 'input-file' );
				$this.after( form );
				button.append( $this );
				$this.on( 'change', function() {
					var str = $( this ).val();
					if ( str.lastIndexOf( '\\' ) ) {
						var i = str.lastIndexOf( '\\' ) + 1;
					} else {
						var i = str.lastIndexOf( '/' ) + 1;
					}
					var file = str.slice( i );
					fileName.text( file );
				} );
			} );
		},
		'reset': function( form ) {
			$this = $( this );
			form.find( '.input-file-name' ).text( $this.data( 'settings' ).iFileNotSelected );
		}
	};
	$.fn.blogotronInputFile = function( method ) {
		if ( methods[ method ] ) {
			return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
		} else if ( typeof method === 'object' || !method ) {
			return methods.init.apply( this, arguments );
		} else {
			$.error( 'Method ' + method + ' not found!' );
		}
	}
})( jQuery );

/**
 * Plugin for customize select.
 */
(function( $ ) {
	var methods          = {
		'init':  function( options ) {
			return this.each( function( index ) {
				var $this = $( this );
				if ( $this.attr( 'multiple' ) == 'multiple' ) {
					return;
				}
				var $form          = $( '<div/>', {
							'class':        'select-form select-form-' + index,
							'unselectable': 'on'
						} ),
						$button        = $( '<div/>', {
							'class': 'select-button select-button-' + index,
							'title': $this.find( 'option:selected' ).text()
						} ),
						$buttonWrapper = $( '<div/>', {
							'class': 'select-button-wrapper'
						} ),
						$buttonText    = $( '<div/>', {
							'class': 'select-button-text',
							'text':  $this.find( 'option:selected' ).text()
						} ),
						$list          = $( '<ul/>', {
							'class': 'select-list select-list-' + index
						} ),
						$listItem      = {
							add: function( index, type, text ) {
								return $( '<li/>', {
									'class': type + ' select-list-item-' + index,
									'title': text
								} ).append(
									$( '<div/>', {
										'class': 'select-list-option-text',
										'text':  text
									} )
								);
							}
						};
				$button.data( 'open', false );
				$button.append( $buttonWrapper );
				$buttonWrapper.append( $buttonText );
				$form.append( $button );
				$form.append( $list );
				$this.hide();
				$this.after( $form );
				$this.find( '*' ).each( function( index, element ) {
					var type = element.tagName.toLowerCase();
					switch ( type ) {
						case 'optgroup' :
							var $optGroup = $listItem.add( index, 'select-list-optgroup', $( this ).attr( 'label' ) );
							$list.append( $optGroup );
							$optGroup.on( 'click', function() {
								return false;
							} );
							break;
						case 'option' :
							var $optGroup     = $( this ).parent( 'optgroup' ),
									optGroupIndex = $optGroup.index(),
									typeItem      = optGroupIndex == -1 ? 'select-list-option' : 'select-list-optgroup-option',
									$option       = $listItem.add( index, typeItem, $( this ).text() );
							$option.data( 'selectOption', $( this ) );
							if ( $( this ).is( ':selected' ) ) {
								$list.data( 'selected', index );
								$list.data( 'default', index );
							}
							$option.on( 'click', function() {
								var $selectOption = $option.data( 'selectOption' );
								$buttonText.text( $selectOption.text() );
								$button.attr( 'title', $selectOption.text() );
								if ( $list.data( 'selected' ) != $option.index() ) {
									$selectOption.prop( 'selected', 'selected' ).trigger( 'change' );
								}
								$list.data( 'selected', $option.index() );
							} );
							$option.on( 'mouseover', function() {
								$list.find( '.select-list-option-hover' ).removeClass( 'select-list-option-hover' );
								$( this ).addClass( 'select-list-option-hover' );
							} );
							$list.append( $option );
							break;
						default :
							break;
					}
				} );
				$list.bind( 'show.list', function() {
					$( '.select-list' ).filter( ':visible' ).hide( 0, function() {
						$( this ).prev().removeClass( 'select-button-list' );
					} );
					$button.addClass( 'select-button-list' );
					$list.find( '.select-list-option-hover' ).removeClass( 'select-list-option-hover' );
					$list.find( 'li' ).eq( $list.data( 'selected' ) ).addClass( 'select-list-option-hover' );
					$list.show();
				} );
				$list.bind( 'hide.list', function() {
					$list.hide( 0, function() {
						$button.removeClass( 'select-button-list' );
					} );
				} );
				$list.toggle( function() {
					if ( $list.is( ':hidden' ) ) {
						$list.trigger( 'show.list' );
					} else {
						$list.trigger( 'hide.list' );
					}
				}, function() {
					if ( $list.is( ':hidden' ) ) {
						$list.trigger( 'show.list' );
					} else {
						$list.trigger( 'hide.list' );
					}
				} );
				$button.on( 'click', function( e ) {
					$list.trigger( 'click' );
					return false;
				} );
				$( document ).on( 'click ', function() {
					$list.trigger( 'hide.list' );
				} );
			} );
		},
		'reset': function( form ) {
			var $this              = $( this ),
					defaultIndexOption = form.find( '.select-list' ).data( 'default' ),
					$defaultOption     = $this.find( '*' ).eq( defaultIndexOption ),
					defaultTextOption  = $defaultOption.text();
			$defaultOption.prop( 'selected', 'selected' );
			form.find( '.select-button-text' ).text( defaultTextOption );
			form.find( '.select-list' ).data( 'selected', defaultIndexOption );
		}
	};
	$.fn.blogotronSelect = function( method ) {
		if ( methods[ method ] ) {
			return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
		} else if ( typeof method === 'object' || !method ) {
			return methods.init.apply( this, arguments );
		} else {
			$.error( 'Method ' + method + ' not found!' );
		}
	};
})( jQuery );