/* global deleteUserSetting, setUserSetting, switchEditors, tinymce, tinyMCEPreInit */

 * Distraction-Free Writing

 * Access the API globally using the window.wp.editor.fullscreen variable.

( function( $, window ) {

	var api, ps, s, toggleUI, uiTimer, PubSub,

		uiScrollTop = 0,

		transitionend = 'transitionend webkitTransitionEnd',

		$body = $( document.body ),

		$document = $( document );

	/**

	 * PubSub

	 *

	 * A lightweight publish/subscribe implementation.

	 *

	 * @access private

	 */

	PubSub = function() {

		this.topics = {};

		this.subscribe = function( topic, callback ) {

			if ( ! this.topics[ topic ] )

				this.topics[ topic ] = [];

			this.topics[ topic ].push( callback );

			return callback;

		};

		this.unsubscribe = function( topic, callback ) {

			var i, l,

				topics = this.topics[ topic ];

			if ( ! topics )

				return callback || [];

			// Clear matching callbacks

			if ( callback ) {

				for ( i = 0, l = topics.length; i < l; i++ ) {

					if ( callback == topics[i] )

						topics.splice( i, 1 );

				}

				return callback;

			// Clear all callbacks

			} else {

				this.topics[ topic ] = [];

				return topics;

			}

		};

		this.publish = function( topic, args ) {

			var i, l, broken,

				topics = this.topics[ topic ];

			if ( ! topics )

				return;

			args = args || [];

			for ( i = 0, l = topics.length; i < l; i++ ) {

				broken = ( topics[i].apply( null, args ) === false || broken );

			}

			return ! broken;

		};

	};

	api = {};

		visible: false,

		mode: 'tinymce',

		id: '',

		title_id: '',

		timer: 0,

		toolbar_shown: false

	};

	function _hideUI() {

		$body.removeClass('wp-dfw-show-ui');

	 * toggleUI

	 * Toggle the CSS class to show/hide the toolbar, borders and statusbar.

	toggleUI = api.toggleUI = function( show ) {

		clearTimeout( uiTimer );

		if ( ! $body.hasClass('wp-dfw-show-ui') || show === 'show' ) {

			$body.addClass('wp-dfw-show-ui');

		} else if ( show !== 'autohide' ) {

			$body.removeClass('wp-dfw-show-ui');

		if ( show === 'autohide' ) {

			uiTimer = setTimeout( _hideUI, 2000 );

		}

	};

	function resetCssPosition( add ) {

		s.$dfwWrap.parents().each( function( i, parent ) {

			var cssPosition, $parent = $(parent);

			if ( add ) {

				if ( parent.style.position ) {

					$parent.data( 'wp-dfw-css-position', parent.style.position );

				}

				$parent.css( 'position', 'static' );

			} else {

				cssPosition = $parent.data( 'wp-dfw-css-position' );

				cssPosition = cssPosition || '';

				$parent.css( 'position', cssPosition );

			}

			if ( parent.nodeName === 'BODY' ) {

				return false;

			}

		});

	}

		var id, $dfwWrap, titleId;

		if ( s.visible ) {

		}

		if ( ! s.$fullscreenFader ) {

			api.ui.init();

		}

		if ( typeof window.wp_fullscreen_settings === 'object' )

			$.extend( s, window.wp_fullscreen_settings );

		id = s.id || window.wpActiveEditor;

		if ( ! id ) {

			if ( s.hasTinymce ) {

				id = tinymce.activeEditor.id;

			} else {

				return;

			}

		}

		s.id = id;

		$dfwWrap = s.$dfwWrap = $( '#wp-' + id + '-wrap' );

		if ( ! $dfwWrap.length ) {

			return;

		}

		s.$dfwTextarea = $( '#' + id );

		s.$editorContainer = $dfwWrap.find( '.wp-editor-container' );

		uiScrollTop = $document.scrollTop();

		if ( s.hasTinymce ) {

			s.editor = tinymce.get( id );

		}

		if ( s.editor && ! s.editor.isHidden() ) {

			s.origHeight = $( '#' + id + '_ifr' ).height();

			s.mode = 'tinymce';

		} else {

			s.origHeight = s.$dfwTextarea.height();

			s.mode = 'html';

		}

		// Try to find title field

		if ( typeof window.adminpage !== 'undefined' &&

			( window.adminpage === 'post-php' || window.adminpage === 'post-new-php' ) ) {

			titleId = 'title';

		} else {

			titleId = id + '-title';

		}

		s.$dfwTitle = $( '#' + titleId );

		if ( ! s.$dfwTitle.length ) {

			s.$dfwTitle = null;

		}

		if ( ! to || ! s.visible || ! s.hasTinymce || typeof switchEditors === 'undefined' ) {

		}

		if ( to === 'tinymce' && ! s.editor ) {

			s.editor = tinymce.get( s.id );

			if ( ! s.editor &&  typeof tinyMCEPreInit !== 'undefined' &&

				tinyMCEPreInit.mceInit && tinyMCEPreInit.mceInit[ s.id ] ) {

				// If the TinyMCE instance hasn't been created, set the "wp_fulscreen" flag on creating it

				tinyMCEPreInit.mceInit[ s.id ].wp_fullscreen = true;

			}

		}

		switchEditors.go( s.id, to );

		api.refreshButtons( true );

		if ( to === 'html' ) {

			setTimeout( api.resizeTextarea, 200 );

		}

		var $hidden = $('#hiddenaction'),

			oldVal = $hidden.val(),

			$spinner = $('#wp-fullscreen-save .spinner'),

			$saveMessage = $('#wp-fullscreen-save .wp-fullscreen-saved-message'),

			$errorMessage = $('#wp-fullscreen-save .wp-fullscreen-error-message');

		$spinner.addClass( 'is-active' );

		$errorMessage.hide();

		$saveMessage.hide();

		$hidden.val('wp-fullscreen-save-post');

		if ( s.editor && ! s.editor.isHidden() ) {

			s.editor.save();

		$.ajax({

			url: window.ajaxurl,

			type: 'post',

			data: $('form#post').serialize(),

			dataType: 'json'

		}).done( function( response ) {

			$spinner.removeClass( 'is-active' );

			if ( response && response.success ) {

				$saveMessage.show();

				setTimeout( function() {

					$saveMessage.fadeOut(300);

				}, 3000 );

				if ( response.data && response.data.last_edited ) {

					$('#wp-fullscreen-save input').attr( 'title',  response.data.last_edited );

				}

			} else {

				$errorMessage.show();

			}

		}).fail( function() {

			$spinner.removeClass( 'is-active' );

			$errorMessage.show();

		});

		$hidden.val( oldVal );

	};

	api.dfwWidth = function( pixels, total ) {

		var width;

		if ( pixels && pixels.toString().indexOf('%') !== -1 ) {

			s.$editorContainer.css( 'width', pixels );

			s.$statusbar.css( 'width', pixels );

			if ( s.$dfwTitle ) {

				s.$dfwTitle.css( 'width', pixels );

			}

			return;

		}

		if ( ! pixels ) {

			// Reset to theme width

			width = $('#wp-fullscreen-body').data('theme-width') || 800;

			s.$editorContainer.width( width );

			s.$statusbar.width( width );

			if ( s.$dfwTitle ) {

				s.$dfwTitle.width( width - 16 );

			}

		if ( total ) {

			width = pixels;

		} else {

			width = s.$editorContainer.width();

			width += pixels;

		}

		if ( width < 200 || width > 1200 ) {

			// sanity check

		}

		s.$editorContainer.width( width );

		s.$statusbar.width( width );

		if ( s.$dfwTitle ) {

			s.$dfwTitle.width( width - 16 );

		}