var autocompleting = false;
var autocompletelength = 2;
var editor = '';

var saved_editor_sessions = [];
var saved_undo_manager = [];
var last_added_editor_session = 0;
var current_editor_session = 0;

var EditSession = require('ace/edit_session').EditSession;
var UndoManager = require('ace/undomanager').UndoManager;
var Search = require("ace/search").Search;
var TokenIterator = require("ace/token_iterator").TokenIterator;

var oHandler;

var editor_options = {resizer:{}};

function onSessionChange(e)  {

    //set the document as unsaved
    jQuery(".wpide_tab.active", "#wpide_toolbar").data( "unsaved", true);
    jQuery("#wpide_footer_message_unsaved").html("[ Document contains unsaved content ✎ ]").show();

	if( editor.getSession().enable_autocomplete === false){
        return;
	}

    //don't continue with autocomplete if /n entered
	try {
		if ( e.data.text.charCodeAt(0) === 10 ){
			return;
		}
	}catch(error){}

	try {
		if ( e.data.action == 'removeText' ){

		    if (autocompleting) {
				autocompletelength = (autocompletelength - 1) ;
			}else{
				return;
			}
		}
	}catch(error){}


	//get current cursor position
	range = editor.getSelectionRange();
	//take note of selection row to compare with search
	cursor_row = range.start.row;

	try{
	//quit autocomplete if we are writing a "string"
		var iterator = new TokenIterator(editor.getSession(), range.start.row, range.start.column);
		var current_token_type = iterator.getCurrentToken().type;
		if(current_token_type == "string" || current_token_type == "comment"){
			return;
		}
	}catch(error){}

	if (range.start.column > 0){

		//search for command text user has entered that we need to try match functions against
		var search = new Search().set({
			needle: "[\\n \.\)\(]",
			backwards: true,
			wrap: false,
			caseSensitive: false,
			wholeWord: false,
			regExp: true
		      });
		      //console.log(search.find(editor.getSession()));

		range = search.find(editor.getSession());

		if (range) range.start.column++;

	}else{ //change this to look char position, if it's starting at 0 then do this

		range.start.column = 0;
	}

	if (! range || range.start.row < cursor_row ){
		//forse the autocomplete check on this row starting at column 0
		range = editor.getSelectionRange();
		range.start.column = 0;
	}


	//console.log("search result - start row " + range.start.row + "-" + range.end.row + ", column " + range.start.column+ "-" + range.end.column);
	//console.log(editor.getSelection().getRange());

	range.end.column = editor.getSession().getSelection().getCursor().column +1;//set end column as cursor pos

	//console.log("[ \.] based: " + editor.getSession().doc.getTextRange(range));

	//no column lower than 1 thanks
	if (range.start.column < 1) {
		range.start.column = 0;
	}

	//console.log("after row " + range.start.row + "-" + range.end.row + ", column " + range.start.column+ "-" + range.end.column);
	//get the editor text based on that range
	var text = editor.getSession().doc.getTextRange(range);
	$quit_onchange = false;

	//console.log(text);

	//console.log("Searching for text \""+text+"\" length: "+ text.length);
	if (text.length < 3){

		wpide_close_autocomplete();
		return;
	}

	autocompletelength = text.length;

	//create the dropdown for autocomplete
	var sel = editor.getSelection();
	var session = editor.getSession();
	var lead = sel.getSelectionLead();

	var pos = editor.renderer.textToScreenCoordinates(lead.row, lead.column);
	var ac = document.getElementById('ac'); // #ac is auto complete html select element



	if( typeof ac !== 'undefined' ){

        //add editor click listener
        //editor clicks should hide the autocomplete dropdown
        editor.container.addEventListener('click', function(e){

            wpide_close_autocomplete();

            autocompleting=false;
            autocompletelength = 2;

        }, false);

	} //end - create initial autocomplete dropdown and related actions


	//calulate the editor container offset
	var obj=editor.container;

	var curleft = 0;
	var curtop = 0;

	if (obj.offsetParent) {

		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);

	}


	//position autocomplete
	ac.style.top= ((pos.pageY - curtop)+20) + "px";
	ac.style.left= ((pos.pageX - curleft)+10) + "px";
	ac.style.display='block';
	ac.style.background='white';


	//remove all options, starting a fresh list
	ac.options.length = 0;


	//loop through WP tags and check for a match
	if (autocomplete_wordpress){
		var tag;
		for(i in autocomplete_wordpress) {
			//if(!html_tags.hasOwnProperty(i) ){
			//	continue;
			//}

			tag= i;
			//see if the tag is a match
			if( text !== tag.substr(0,text.length) ){
				continue;
			}

			//add parentheses
			tag = tag + "()";

			var option = document.createElement('option');
			option.text = tag;
			option.value = tag;
			option.setAttribute('title', wpide_app_path + 'images/wpac.png');//path to icon image or wpac.png


			try {
				ac.add(option, null); // standards compliant; doesn't work in IE
			}
			catch(ex) {
				ac.add(option); // IE only
			}

		}//end for
	}//end php autocomplete

	//loop through PHP tags and check for a match
	if (autocomplete_php){
		var tag;
		for(i in autocomplete_php) {
			//if(!html_tags.hasOwnProperty(i) ){
			//	continue;
			//}

			tag= i;
			//see if the tag is a match
			if( text !== tag.substr(0,text.length) ){
				continue;
			}

			//add parentheses
			tag = tag + "()";

			var option = document.createElement('option');
			option.text = tag;
			option.value = tag;
			option.setAttribute('title', wpide_app_path + 'images/phpac.png');//path to icon image or wpac.png

			try {
				ac.add(option, null); // standards compliant; doesn't work in IE
			}
			catch(ex) {
				ac.add(option); // IE only
			}


		}//end for
	}//end php autocomplete


	//check for matches
	if ( ac.length === 0 ) {
		wpide_close_autocomplete();
	} else {

		ac.selectedIndex=0;
		autocompleting=true;
		oHandler = jQuery("#ac").msDropDown({visibleRows:10, rowHeight:20}).data("dd");

		jQuery("#ac_child").click(function(item){
			//get the link node and pass to select AC item function
            if (typeof item.srcElement != 'undefined'){
                var link_node = item.srcElement; //works on chrome
            }else{
                var link_node = item.target; //works on Firefox etc
            }

            selectACitem(link_node);
		});

		jQuery("#ac_child a").mouseover(function(item){
			//show the code in the info panel

            //get the link ID
            if (typeof item.srcElement != 'undefined'){
                var link_id = item.srcElement.id; //works on chrome
            }else{
                var link_id = item.target.id; //works on Firefox etc
            }

            if (link_id == '') return; //if the link doesn't have an id it's not valid so just stop


			//if this command item is enabled
			if (jQuery("#"+link_id).hasClass("enabled")){

				var selected_item_index = jQuery("#"+link_id).index();

				if (selected_item_index > -1){ //if select item is valid

					//set the selected menu item
					oHandler.selectedIndex(selected_item_index);
					//show command help panel for this command
					wpide_function_help();

				}
			}

		});


		jQuery("#ac_child").css("z-index", "9999");
		jQuery("#ac_child").css("background-color", "#ffffff");
		jQuery("#ac_msdd").css("z-index", "9999");
		jQuery("#ac_msdd").css("position", "absolute");
		jQuery("#ac_msdd").css("top", ac.style.top);
		jQuery("#ac_msdd").css("left", ac.style.left);

		//show command help panel for this command
		wpide_function_help();

	}

}

function onSessionScroll(e) {
    var lh = editor.renderer.lineHeight,
        new_height = 0, mod = 0;

    // If we scroll to exactly the top of a line, this condition shall be 0.
    if (e % lh) {
        // We have not landed where we need to.
        // The variable "mod" will know how many pixels to move.
        mod = e % lh;

        // Now we know how many pixels to move, we need to deterime direction.
		//  We need to figure out another method
        if (mod > (lh/2)) {
            new_height = (e+mod);   // Down
        } else {
            new_height = (e-mod);   // Up
        }

        // This will trigger this event call again however will not trigger more
        // than once because new_height will be a perfect modulus of 0.
        //editor.session.setScrollTop(new_height);
    }
}

function token_test(){

	var iterator = new TokenIterator(editor.getSession(), range.start.row, range.start.column);
	var current_token_type = iterator.getCurrentToken().type;
	return iterator.getCurrentToken();
}

function wpide_close_autocomplete(){
	if (typeof document.getElementById('ac') != 'undefined') document.getElementById('ac').style.display='none';
	if (typeof oHandler != 'undefined') oHandler.close();

	autocompleting = false;

	//clear the text in the command help panel
	//jQuery("#wpide_info_content").html("");
}

function selectionChanged(e)  {
    var selected_text = editor.getSession().doc.getTextRange(editor.getSelectionRange());

    //check for hex colour match
    if ( selected_text.match('^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$')  != null ){

        var therange = editor.getSelectionRange();
        therange.end.column = therange.start.column;
        therange.start.column = therange.start.column-1;

        // only show color assist if the character before the selection indicates a hex color (#)
	    if ( editor.getSession().doc.getTextRange( therange ) == "#" ){
            jQuery("#wpide_color_assist").show();
	    }

    }
}

function wpide_function_help() {
  //mouse over

	try
	{
		var selected_command_item = jQuery("#ac_child a.selected");


			key = selected_command_item.find("span.ddTitleText").text().replace("()","");

			//wordpress autocomplete
			if ( selected_command_item.find("img").attr("src").indexOf("wpac.png")  >= 0){

			  if (autocomplete_wordpress[key].desc != undefined){

				//compose the param info
				var param_text ="";
				for(i=0; i<autocomplete_wordpress[key].params.length; i++) {

					//wrap params in a span to highlight not required
					if (autocomplete_wordpress[key].params[i].required == "no"){
						param_text = param_text + "<span class='wpide_func_arg_notrequired'>" + autocomplete_wordpress[key].params[i]['param'] + "<em>optional</em></span><br /> <br />";
					}else{
						param_text = param_text + autocomplete_wordpress[key].params[i]['param'] + "<br /> <br />";
					}

				}
				//compose returns text
				if (autocomplete_wordpress[key].returns.length > 0){
					returns_text = "<br /><br /><strong>Returns:</strong> " + autocomplete_wordpress[key].returns;
				}else{
					returns_text = "";
				}


				//output command info
				jQuery("#wpide_info_content").html(
								"<strong class='wpide_func_highlight_black'>Function: </strong><strong class='wpide_func_highlight'>" + key  + "(</strong><br />" +
								   "<span class='wpide_func_desc'>" + autocomplete_wordpress[key].desc + "</span><br /><br /><em class='wpide_func_params'>" +
								   param_text + "</em>"+
								   "<strong class='wpide_func_highlight'>)</strong> " +
								   returns_text +
                                   "<p><a href='http://codex.wordpress.org/Function_Reference/" + key  + "' target='_blank'>See " + key  + "() in the WordPress codex</a></p>"
								   );
			  }

			}

			//php autocomplete
			if ( selected_command_item.find("img").attr("src").indexOf("phpac.png") >= 0){

			  if (autocomplete_php[key].returns != undefined){

				//params text
				var param_text ="";
				for(i=0; i<autocomplete_php[key].params.length; i++) {

					//wrap params in a span to highlight not required
					if (autocomplete_php[key].params[i].required == "no"){
						param_text = param_text + "<span class='wpide_func_arg_notrequired'>" + autocomplete_php[key].params[i]['param'] + "<em>optional</em></span><br /> <br />";
					}else{
						param_text = param_text + autocomplete_php[key].params[i]['param'] + "<br /> <br />";
					}

				}
				//compose returns text
				if (autocomplete_php[key].returns.length > 0){
					returns_text = "<br /><br /><strong>Returns:</strong> " + autocomplete_php[key].returns;
				}else{
					returns_text = "";
				}

				jQuery("#wpide_info_content").html(
								"<strong class='wpide_func_highlight_black'>Function: </strong><strong class='wpide_func_highlight'>" + key + "(</strong><br />" +
								   autocomplete_php[key].desc + "<br /><br /><em class='wpide_func_params'>" +
								   param_text + "</em>" +
								   "<strong class='wpide_func_highlight'>)</strong>" +
								   returns_text +
                                   "<p><a href='http://php.net/manual/en/function." + key.replace(/_/g, "-")  + ".php' target='_blank'>See " + key  + "() in the PHP manual</a></p>"
								   );

			  }

			}



	}
      catch(err)
	{
	//Handle errors here
	}

}

//open another file and add to editor
function wpide_set_file_contents(file, callback_func){
	"use strict";

	//ajax call to get file contents we are about to edit
	var data = { action: 'wpide_get_file', filename: file, _wpnonce: jQuery('#_wpnonce').val(), _wp_http_referer: jQuery('#_wp_http_referer').val() };

	jQuery.post(ajaxurl, data, function(response) {
		var the_path = file.replace(/^.*[\\\/]/, '').trim();
		var the_id = "wpide_tab_" + last_added_editor_session;

		//enable editor now we have a file open
		jQuery('#fancyeditordiv textarea').removeAttr("disabled");
		editor.setReadOnly(false);

		jQuery("#wpide_toolbar_tabs").append('<span id="'+the_id+'" sessionrel="'+last_added_editor_session+'"  title="  '+file+' " rel="'+file+'" class="wpide_tab">'+ the_path +'<a class="close_tab" href="#">x</a></span>');

		saved_editor_sessions[last_added_editor_session] = new EditSession(response);//set saved session
		saved_editor_sessions[last_added_editor_session].on('change', onSessionChange);
		saved_undo_manager[last_added_editor_session] = new UndoManager(editor.getSession().getUndoManager());//new undo manager for this session

        saved_editor_sessions[last_added_editor_session].on("changeScrollTop", onSessionScroll);

		last_added_editor_session++; //increment session counter

		//add click event for the new tab.
        //We are actually clearing the click event and adding it again for all tab elements, it's the only way I could get the click handler listening on all dynamically added tabs
		jQuery(".wpide_tab").off('click').on("click", function(event){
			event.preventDefault();

			jQuery('input[name=filename]').val( jQuery(this).attr('rel') );

			//save current editor into session
			//get old editor out of session and apply to editor
			var clicksesh = jQuery(this).attr('sessionrel'); //editor id number
			saved_editor_sessions[ clicksesh ].setUndoManager(saved_undo_manager[ clicksesh ]);
			editor.setSession( saved_editor_sessions[ clicksesh ] );

            //set this tab as active
            jQuery(".wpide_tab").removeClass('active');
            jQuery(this).addClass('active');

			var currentFilename = jQuery(this).attr('rel');
			var mode;

            //turn autocomplete off initially, then enable as needed
            editor.getSession().enable_autocomplete = false;

            //set the editor mode based on file name
			if (/\.css$/.test(currentFilename)) {
				mode = require("ace/mode/css").Mode;
			}
            else if (/\.less$/.test(currentFilename)) {
				mode = require("ace/mode/less").Mode;
			}
			else if (/\.js$/.test(currentFilename)) {
				mode = require("ace/mode/javascript").Mode;
			}
			else {
				mode = require("ace/mode/php").Mode; //default to PHP

                //only enable session change / auto complete for PHP
                if (/\.php$/.test(currentFilename))
                    editor.getSession().enable_autocomplete = true;
			}
			editor.getSession().setMode(new mode());

            editor.getSession().on('change', onSessionChange);

            editor.getSession().selection.on('changeSelection', selectionChanged);

			editor.resize();
			editor.focus();
			//make a note of current editor
			current_editor_session = clicksesh;

            //hide/show the restore button if it's a php file and the restore url is set (i.e saved in this session)
            if ( /\.php$/i.test( currentFilename ) && jQuery(".wpide_tab.active", "#wpide_toolbar").data( "backup" ) != undefined ){
                jQuery("#wpide_toolbar_buttons .button.restore").show();
            }else{
                jQuery("#wpide_toolbar_buttons .button.restore").hide();
            }

            //show hide unsaved content message
            if (  jQuery(".wpide_tab.active", "#wpide_toolbar").data( "unsaved" ) ){
                jQuery("#wpide_footer_message_unsaved").html("[ Document contains unsaved content &#9998; ]").show();
            }else{
                jQuery("#wpide_footer_message_unsaved").hide();
            }

            //show last saved message if it's been saved
            if ( jQuery(".wpide_tab.active", "#wpide_toolbar").data( "lastsave" ) != undefined){
                jQuery("#wpide_footer_message_last_saved").html("<strong>Last saved: </strong>" + jQuery(".wpide_tab.active", "#wpide_toolbar").data( "lastsave" ) ).show();
            }else{
                jQuery("#wpide_footer_message_last_saved").hide();
            }

            //hide the message if we have a fresh tab
            jQuery("#wpide_message").hide();
		});

		//add click event for tab close.
		//We are actually clearing the click event and adding it again for all tab elements, it's the only way I could get the click handler listening on all dynamically added tabs
		jQuery(".close_tab").off('click').on("click", function(event){
		event.preventDefault();
		var clicksesh = jQuery(this).parent().attr('sessionrel');
		var activeFallback;

			if (jQuery("#wpide_footer_message_unsaved").is(":visible")) {
				if (!confirm('Are you sure you wish to close the unsaved document?'))
					return;
			}

            //if the currently selected tab is being removed then remember to make the first tab active
            if ( jQuery("#wpide_tab_"+clicksesh).hasClass('active') ) {
                activeFallback = true;
            }else{
                activeFallback = false;
            }

            //remove tab
            jQuery(this).parent().remove();

            //clear session and undo
    	   saved_undo_manager[clicksesh] = undefined;
		   saved_editor_sessions[clicksesh] = undefined;

           //Clear the active editor if all tabs closed or activate first tab if required since the active tab may have been deleted
           if (jQuery(".wpide_tab").length == 0){
               editor.getSession().setValue( "" );
           }else if ( activeFallback ){
               jQuery( "#" + jQuery(".wpide_tab")[0].id ).click();
           }

		});

    		jQuery("#"+the_id).click();

	if (callback_func != null) {
		callback_func(response);
	}

	});


}

function saveDocument() {
    // Make sure there is actually a document open
    jQuery("#wpide_message").stop(true,true);
    if (jQuery("#wpide_message").is(":visible")) {
    	jQuery("#wpide_message").fadeOut(50);
	}

	var the_tab = jQuery("#wpide_toolbar_tabs .active");
	var current_document_index = the_tab.attr('id').replace('wpide_tab_', '');
	the_tab.removeClass( 'modified' );

    // Display notification to show we are attempting to save
    jQuery("#wpide_message")
        .removeClass('error')
        .removeClass('teapot')
        .addClass('success')
        .html('Saving...')
		.fadeIn(200);

	//ajax call to save the file and generate a backup if needed
	var data = { action: 'wpide_save_file', filename: jQuery('input[name=filename]').val(),  _wpnonce: jQuery('#_wpnonce').val(), _wp_http_referer: jQuery('#_wp_http_referer').val(), content: editor.getSession().getValue() };
	jQuery.post(ajaxurl, data, function(response) {
        var regexchk=/\".*:::.*\"/;
        var saved_when = Date();

        if ( regexchk.test(response) ){
            //store the resulting backup file name just incase we need to restore later
            //temp note: you can then access the data like so  jQuery(".wpide_tab.active", "#wpide_toolbar").data( "backup" );
            user_nonce_addition = response.match(/:::(.*)\"$/)[1]; //need this to send with restore request
            jQuery(".wpide_tab.active", "#wpide_toolbar").data( "backup", response.replace(/(^\"|:::.*\"$)/g, "") );
            jQuery(".wpide_tab.active", "#wpide_toolbar").data( "lastsave",  saved_when );
            jQuery(".wpide_tab.active", "#wpide_toolbar").data( "unsaved", false);

            if ( /\.php$/i.test( data.filename ) )
                jQuery("#wpide_toolbar_buttons .button.restore").show();

            jQuery("#wpide_footer_message_last_saved").html("<strong>Last saved: </strong>" + saved_when).show();
            jQuery("#wpide_footer_message_unsaved").hide();

            jQuery("#wpide_message").html('<strong>File saved &#10004;</strong>')
    		.show()
            .delay(2000)
			.fadeOut(600);
        }else{
            alert("error: " + response);
        }
	});
}

//enter/return command
function selectACitem (item) {
	if( document.getElementById('ac').style.display === 'block' && oHandler.visible() == 'block' ){
		var ac_dropdwn = document.getElementById('ac');
		var tag = ac_dropdwn.options[ac_dropdwn.selectedIndex].value;
		var sel = editor.selection.getRange();
		var line = editor.getSession().getLine(sel.start.row);
		sel.start.column = sel.start.column - autocompletelength;

		if (item.length){
			tag = item; //get tag from new msdropdown passed as arg
		}else{
			tag = jQuery("#ac_msdd a.selected").children("span.ddTitleText").text(); //get tag from new msdropdown
		}

		//clean up the tag/command
		tag = tag.replace(")", ""); //remove end parenthesis

		//console.log(tag);
		editor.selection.setSelectionRange(sel);
		editor.insert(tag);

		wpide_close_autocomplete();
	} else {
		editor.insert('\n');
	}
}

function update_scroll_bars_for_resizer() {
    if ( jQuery( ".ace_scroller" ).css( 'overflowX' ) != 'scroll' ) {
        var height = jQuery( ".ace_sb" ).height();
        jQuery( ".ace_sb" ).height( height-16 );
    }
}

// Initiate editor settings
function load_editor_settings() {
    var theme        = localStorage.custom_editor_theme;
    var fontSize     = localStorage.custom_editor_fontSize;
    var folding      = localStorage.custom_editor_folding;
    var fade_fold    = localStorage.custom_editor_fade_folding;
    var wrap         = localStorage.custom_editor_wrap;
    var wrap_limit   = localStorage.custom_editor_wrap_limit;
    var select_style = localStorage.custom_editor_full_line_select;
    var highlight    = localStorage.custom_editor_highlight_current_line;
    var invisibles   = localStorage.custom_editor_invisibles;
    var indents      = localStorage.custom_editor_indent_guides;
    var anim_scroll  = localStorage.custom_editor_animate_scrolling;
    var show_gutter  = localStorage.custom_editor_show_gutter;
    var use_tabs     = localStorage.custom_editor_use_tabs;
    var word_hglt    = localStorage.custom_editor_highlight_selected_word;
    var behaviours   = localStorage.custom_editor_behaviours;

    // Defaults
    if ( theme === undefined )          theme       = "ace/theme/textmate";
    if ( fontSize === undefined )       fontSize    = "12";
    if ( fade_fold === undefined )      fade_fold   = "0";
    if ( wrap === undefined )           wrap        = "1";
    if ( wrap_limit === undefined )     wrap_limit  = "0";
    if ( highlight === undefined )      highlight   = "1";
    if ( invisibles === undefined )     invisibles  = "0";
    if ( indents === undefined )        indents     = "1";
    if ( anim_scroll === undefined )    anim_scroll = "1";
    if ( show_gutter === undefined )    show_gutter = "1";
    if ( use_tabs === undefined )       use_tabs    = "1";
    if ( word_hglt === undefined )      word_hglt   = "1";
    if ( behaviours === undefined )     behaviours  = "0";

    // Check invalid fold styling
    if ( !editor.session.$foldStyles[folding] )        folding = "markbegin";
    if ( select_style != "text" && select_style != "line" ) select_style = "line";

    // Set
    editor.setTheme( theme );
    editor.setFontSize( fontSize + 'px' );
    editor.session.setFoldStyle( folding );
    editor.setSelectionStyle( select_style );

    editor.$blockScrolling = Infinity;
    editor.setOption("showPrintMargin", false);

    // Boolean values
    editor.session.setUseSoftTabs( use_tabs == false );         // soft tab is space
	editor.setHighlightActiveLine( highlight == true );
    editor.renderer.setShowInvisibles( invisibles == true );
try {
    editor.renderer.setDisplayIndentGuides( indents == true );
} catch(error) {
window.console && console.error( 'setDisplayIndentGuides not supported' );
}
    editor.renderer.setAnimatedScroll( anim_scroll == true );
    editor.renderer.setShowGutter( show_gutter == true );
    editor.setHighlightSelectedWord( word_hglt == true );
    editor.setBehavioursEnabled( behaviours == true );
    editor.setFadeFoldWidgets( fade_fold == true );

    // To also allow for free range - free by default
    if ( wrap == true ) {
        if ( wrap_limit != "0" ) {
            // Normal wrap
            editor.session.setWrapLimitRange(wrap_limit,wrap_limit);
        } else {
            // 0 represents free scrolling
            editor.session.setUseWrapMode(true);
            editor.session.setWrapLimitRange(null, null);
            editor.renderer.setPrintMarginColumn(80);
        }
    } else {
        editor.session.setUseWrapMode(false);
        editor.renderer.setPrintMarginColumn(80);
    }
}

function display_editor_settings() {
    // Create HTML dialog
    if ( !jQuery( "#editor_settings_dialog" ).length ) {
        // Ensure settings are loaded...
        load_editor_settings();

        // Create nodes
        var theme       = jQuery( '<input>' ).attr({
            type:       'text',
            id:         'editor_theme_setting',
            class:      'ipt-sel'
        });

        var fontSize    = jQuery( '<input>' ).attr({
            type:       'number',
            id:         'editor_font_size_setting',
            class:      'number'
        });
        var fadeFold    = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_fade_fold_setting'
        });
        var wrap        = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_wrap_setting'
        });
        var wrap_limit  = jQuery( '<input>' ).attr({
            type:       'number',
            id:         'editor_wrap_limit_setting',
            class:      'number'
        });
        var hglt_ln     = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_highlight_line_setting'
        });
        var invisibles  = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_show_invisibles'
        });
        var indentguide = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_display_indent_guides_setting'
        });
        var anim_scroll = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_animate_scroll_setting'
        });
        var show_gutter = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_show_gutter_setting'
        });
        var use_tabs    = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_use_tabs_setting'
        });
        var word_hglt   = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_word_highlight'
        });
        var behaviours  = jQuery( '<input>' ).attr({
            type:       'checkbox',
            id:         'editor_behaviours_setting'
        });

        var folding     = jQuery( '<select>' ).attr({
                id:     'editor_folding_setting',
                class:  'ipt-sel'
            });
        jQuery( '<option>' ).attr({
                value:      "manual",
                selected:   editor.session.$foldStyle == "manual"
            }).text( 'Manual').appendTo( folding );
        jQuery( '<option>' ).attr({
                value:      "markbegin",
                selected:   ( editor.session.$foldStyle != "manual" && editor.session.$foldStyle != "markbeginend" )
            }).text( 'Beginning' ).appendTo( folding );
        jQuery( '<option>' ).attr({
                value:      "markbeginend",
                selected:   editor.session.$foldStyle == "markbeginend"
            }).text( 'Beginning And End' ).appendTo( folding );


        // Add Listeners
        jQuery( theme ).blur(function() {
            localStorage.custom_editor_theme = jQuery( this ).val();
        });
        jQuery( fontSize ).change(function() {
            localStorage.custom_editor_fontSize = jQuery( this ).val();
        });
        jQuery( fadeFold ).change(function() {
            localStorage.custom_editor_fade_folding = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( wrap ).change(function() {
            localStorage.custom_editor_wrap = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( wrap_limit ).change(function() {
            localStorage.custom_editor_wrap_limit = jQuery( this ).val();
        });
        jQuery( hglt_ln ).change(function() {
            localStorage.custom_editor_highlight_current_line = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( invisibles ).change(function() {
            localStorage.custom_editor_invisibles = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( indentguide ).change(function() {
            localStorage.custom_editor_indent_guides = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( anim_scroll ).change(function() {
            localStorage.custom_editor_animate_scrolling = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( show_gutter ).change(function() {
            localStorage.custom_editor_show_gutter = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( use_tabs ).change(function() {
            localStorage.custom_editor_use_tabs = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( word_hglt ).change(function() {
            localStorage.custom_editor_highlight_selected_word = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( behaviours ).change(function() {
            localStorage.custom_editor_behaviours = ( jQuery( this ).is( ":checked" ) ? 1 : 0 );
        });
        jQuery( folding ).change(function() {
            localStorage.custom_editor_folding = jQuery( this ).val();
        });

        // Glue together - create dialog content
        var container   = jQuery("<div>").attr({
            id:     "editor_settings_dialog",
            title:  "Editor Settings"
        }).css( "display", "none" );
        var left        = jQuery( '<div>' ).attr({
            class: "left"
        });
        var right       = jQuery( '<div>' ).attr({
            class: "right"
        });

        jQuery( left )
        .append(function() {
            return jQuery( '<label>' ).text( "Theme: " ).append( theme );
        })  // Theme
        .append(function() {
            return jQuery( '<label>' ).text( "Folding: ").append( folding );
        })
        .append(function() {
            return jQuery( '<label>' ).text( "Font Size: " ).append( fontSize );
        })  // Font Size
        .append(function() {
            return jQuery( '<label>' ).text( "Wrap Limit: " ).append( wrap_limit );
        })  // Wrap Limit
        .append(function() {
            return jQuery( '<label>' ).text( "Wrap Long Text: " ).append( wrap );
        })  // Wrap
        .append(function() {
            return jQuery( '<label>' ).text( "Fade Folders: " ).append( fadeFold );
        }); // Fade



        jQuery( right )
			.append(function() {
				return jQuery( '<label>' ).text( "Highlight Current Line: " ).append( hglt_ln );
			})  // Highlight Current Line
			.append(function() {
			   return jQuery( '<label>' ).text( "Show Invisible Characters: " ).append( invisibles );
			})  // Invisible
			.append(function() {
				return jQuery( '<label>' ).text( "Show Indent Guidelines: " ).append( indentguide );
			})  // Indent Guides
			.append(function() {
				return jQuery( '<label>' ).text( "Animate Scrollbar: ").append( anim_scroll );
			})  // Animate Scrollbars
			.append(function() {
				return jQuery( '<label>' ).text( "Show Gutter: " ).append( show_gutter );
			})  // Gutter
			.append(function() {
				return jQuery( '<label>' ).text( "Use Tabs: " ).append( use_tabs );
			})  // Use tabs
			.append(function() {
				return jQuery( '<label>' ).text( "Highlight Same Words: " ).append( word_hglt );
			})  // Word Highlight
			.append(function() {
				return jQuery( '<label>' ).text( "Show Behaviours: " ).append( behaviours );
			}); // Behaviours

        jQuery( container ).append( left ).append( right );

        jQuery( document.body ).append( container );
    }

    // Update values
    jQuery( '#editor_theme_setting' ).val( editor.getTheme() );
    jQuery( '#editor_font_size_setting' ).val( editor.container.style.fontSize.replace('px','') || 12 );
    jQuery( '#editor_fade_fold_setting' ).prop( 'checked', editor.getFadeFoldWidgets() );
    jQuery( '#editor_wrap_setting' ).prop( 'checked', editor.session.getUseWrapMode() );
    jQuery( '#editor_wrap_limit_setting' ).prop( 'checked', editor.session.getWrapLimit() || 0 );
    jQuery( '#editor_highlight_line_setting' ).prop( 'checked', editor.getHighlightActiveLine() );
    jQuery( '#editor_show_invisibles' ).prop( 'checked', editor.renderer.getShowInvisibles() );
    jQuery( '#editor_display_indent_guides_setting' ).prop( 'checked', editor.renderer.getDisplayIndentGuides() );
    jQuery( '#editor_animate_scroll_setting' ).prop( 'checked', editor.getAnimatedScroll() );
    jQuery( '#editor_show_gutter_setting' ).prop( 'checked', editor.renderer.getShowGutter() );
    jQuery( '#editor_use_tabs_setting' ).prop( 'checked', !editor.session.getUseSoftTabs() );
    jQuery( '#editor_word_highlight' ).prop( 'checked', editor.getHighlightSelectedWord() );
    jQuery( '#editor_behaviours_setting' ).prop( 'checked', editor.getBehavioursEnabled() );
    jQuery( '#editor_folding_setting option' ).prop( 'selected', false );
    jQuery( '#editor_folding_setting option[value="' + editor.session.$foldStyle + '"]' ).prop( 'selected', true );

    // Display Dialog
    jQuery( "#editor_settings_dialog" ).dialog({
        height: "264",
        width: "550",
        modal: true,
        resizable: false,
        show: "fade",
        close: load_editor_settings
    });
}

function display_find_dialog() {
/*
    if ( !jQuery( "#editor_find_dialog" ).length ) {
        // Generate dialog
        var container   = jQuery( '<div>' ).attr({
            id:     "editor_find_dialog",
            title:  "Find..."
        }).css( "padding", "0px" );

        var find_ipt    = jQuery( '<input>' ).attr({
            type: "search",
            name: "find"
        });
        var replace_ipt = jQuery( '<input>' ).attr({
            type: "search",
            name: "replace"
        });
        var find_btn    = jQuery( '<input>' ).attr({
            type: "submit",
            name: "submit",
            value: "Find",
            class: "action_button"
        });
        var replace_btn = jQuery( '<input>' ).attr({
            type: "button",
            name: "replace",
            value: "Replace",
            class: "action_button"
        });
        var rep_all_btn = jQuery( '<input>' ).attr({
            type: "button",
            name: "replace_all",
            value: "Replace All",
            class: "action_button"
        });
        var cancel_btn  = jQuery( '<input>' ).attr({
            type: "button",
            name: "cancel",
            value: "Cancel",
            class: "action_button"
        });
        var wrap        = jQuery( '<input>' ).attr({
            type: "checkbox",
            name: "wrap",
        }).prop( "checked", true );
        var sensitive   = jQuery( '<input>' ).attr({
            type: "checkbox",
            name: "case"
        }).prop( "checked", false );
        var whole       = jQuery( '<input>' ).attr({
            type: "checkbox",
            name: "whole"
        }).prop( "checked", false );
        var regEx       = jQuery( '<input>' ).attr({
            type: "checkbox",
            name: "regexp"
        }).prop( "checked", false );

        var fromTop     = jQuery( '<input>' ).attr({
            type: "radio",
            name: "direction",
            value: "0"
        }).prop( "checked", false );
        var fromBottom  = jQuery( '<input>' ).attr({
            type: "radio",
            name: "direction",
            value: "1"
        }).prop( "checked", true );


        var buttons         = jQuery( '<div>' )
                                .attr( "class", "right" )
                                .append( find_btn )
                                .append( replace_btn )
                                .append( rep_all_btn )
                                .append( cancel_btn );
        var find_label      = jQuery( '<label>' ).attr( "class", "left" ).text( " Find" ).append( find_ipt );
        var replace_label   = jQuery( '<label>' ).attr( "class", "left" ).text( " Replace" ).append( replace_ipt );
        var wrap_label      = jQuery( '<label>' ).text( " Wrap Around" ).prepend( wrap );
        var sensitive_label = jQuery( '<label>' ).text( " Case Sensitive" ).prepend( sensitive );
        var whole_label     = jQuery( '<label>' ).text( " Match Whole Word" ).prepend( whole );
        var regex_label     = jQuery( '<label>' ).text( " Regular Expression" ).prepend( regEx );

        var fromTopLabel    = jQuery( '<label>' ).text( " Up" ).prepend( fromTop );
        var fromBottomLabel = jQuery( '<label>' ).text( " Down" ).prepend( fromBottom );

        var direction       = jQuery( '<div>' ).attr( "class", "search_direction" ).text( "Direction:" ).append( fromTopLabel ).append( fromBottomLabel );
        var clear           = jQuery( '<div>' ).attr( 'class', 'clear' ).height( 20 );


        var innerContainer = jQuery( '<form>' ).css({
            position: "relative",
            padding: "4px",
            margin: "0px",
            height: "100%",
            overflow: "hidden",
            width: "400px"
        })
        .append( find_label )
        .append( replace_label )
        .append( clear )
        .append( wrap_label )
        .append( sensitive_label )
        .append( whole_label )
        .append( regex_label )
        .append( direction )
        .append( buttons )


        container.append( innerContainer );

        jQuery( document.body ).append( container );
    }
*/

	// Initiate the search box with the current selection
	if ( !editor.session.selection.$isEmpty )
		var value = editor.session.doc.getTextRange( editor.session.selection.getRange() );
	else
		var value = '';

	jQuery( "#editor_find_dialog" ).find( "input[name='find']" ).val( value );

    jQuery( "#editor_find_dialog" ).dialog({
        height: "206",
        width: "408",
        resizable: false,
        show: "fade",
        hide: "fade"
    });

}

function display_goto_dialog() {
	jQuery( "#editor_goto_dialog" ).find( "input[name='line']").val( editor.session.selection.getCursor().row+1 );
	jQuery( "#editor_goto_dialog" ).dialog({
		height: "100",
		width: "300",
		resizable: false,
		show: "fade",
		hide: "fade"
	});
}

function filetree_drag_initializer() {
    var current_element = null;

    // Allows us to keep dataTransfer in the jQuery event
    jQuery.event.props.push("dataTransfer");
    jQuery('#wpide_file_browser').on('dragstart', '[draggable=true]', function(e) {
        current_element = this;

        e.dataTransfer.effectAllowed = 'move';
        e.dataTransfer.setData('text/html', this.innerHTML);
    }).on('dragover', '[draggable=true]', function(e) {
        e.preventDefault();
        e.dataTransfer.dropEffect = "move";
        return false;
    }).on('dragleave', '[draggable=true]', function(e) {
    }).on('dragend', '[draggable=true]', function(e) {
        current_element = null;
        e.preventDefault();
        return false;
    });
}

jQuery(document).ready(function($) {
	$("#wpide_save").click(saveDocument);

    // Find dialog actions
    $("#editor_find_dialog form" ).submit(function( e ) {
        e.preventDefault();
        var options = {};

        var direction   = jQuery( "#editor_find_dialog input[name='direction']" ).prop("checked");
        var start;

        if ( direction ) {
            start = editor.getSelectionRange().start;
        } else {
            start = editor.getSelectionRange().end;
        }

        options.needle          = jQuery( "#editor_find_dialog input[name='find']" ).val();
        options.backwards       = direction;
        options.wrap            = jQuery( "#editor_find_dialog input[name='wrap']" ).prop("checked");
        options.caseSensitive   = jQuery( "#editor_find_dialog input[name='case']" ).prop("checked");
        options.wholeWord       = jQuery( "#editor_find_dialog input[name='whole']" ).prop("checked");
        options.range           = null;
        options.regExp          = jQuery( "#editor_find_dialog input[name='regexp']" ).prop("checked");
        options.start           = start;
        options.skipCurrent     = false;

        editor.find(options.needle, options);
        return false;
    });
    $("#editor_find_dialog input[name='replace']").click(function( e ) {
        e.preventDefault();
        var options = {};

        var direction   = jQuery( "#editor_find_dialog input[name='direction']" ).prop("checked");
        var replacement = jQuery( "#editor_find_dialog input[name='replace']" ).val();
        var start       = editor.getSelectionRange().start;


        options.needle          = jQuery( "#editor_find_dialog input[name='find']" ).val();
        options.backwards       = direction;
        options.wrap            = jQuery( "#editor_find_dialog input[name='wrap']" ).prop("checked");
        options.caseSensitive   = jQuery( "#editor_find_dialog input[name='case']" ).prop("checked");
        options.wholeWord       = jQuery( "#editor_find_dialog input[name='whole']" ).prop("checked");
        options.range           = null;
        options.regExp          = jQuery( "#editor_find_dialog input[name='regexp']" ).prop("checked");
        options.start           = start;
        options.skipCurrent     = false;

        editor.replace(replacement, options);
        editor.find(options.needle, options);
    });
    $("#editor_find_dialog input[name='replace_all']").click(function( e ) {
        e.preventDefault();
        var options = {};

        var direction   = jQuery( "#editor_find_dialog input[name='direction']" ).prop("checked");
        var replacement = jQuery( "#editor_find_dialog input[name='replace']" ).val();
        var start       = editor.getSelectionRange().start;

        options.needle          = jQuery( "#editor_find_dialog input[name='find']" ).val();
        options.backwards       = direction;
        options.wrap            = jQuery( "#editor_find_dialog input[name='wrap']" ).prop("checked");
        options.caseSensitive   = jQuery( "#editor_find_dialog input[name='case']" ).prop("checked");
        options.wholeWord       = jQuery( "#editor_find_dialog input[name='whole']" ).prop("checked");
        options.range           = null;
        options.regExp          = jQuery( "#editor_find_dialog input[name='regexp']" ).prop("checked");
        options.start           = start;
        options.skipCurrent     = false;

        editor.replaceAll(replacement, options);
    });
    $("#editor_find_dialog input[name='cancel']").click(function( e ) {
        e.preventDefault();
        jQuery( "#editor_find_dialog" ).dialog( "close" );
        editor.focus();
    });

    // drag and drop colour picker image
    $("#wpide_color_assist").on('drop', function(e) {
        e.preventDefault();
        e.originalEvent.dataTransfer.items[0].getAsString(function(url){

                $(".ImageColorPickerCanvas", $("#side-info-column") ).remove();
                $("img", $("#wpide_color_assist")).attr('src', url );

        });
    });

    $("#wpide_color_assist").on('dragover', function(e) {
        $(this).addClass("hover");
    }).on('dragleave', function(e) {
        $(this).removeClass("hover");
    });


	//add div for ace editor to latch on to
	$('#template').prepend("<div style='width:80%;height:500px;margin-right:0!important;' id='fancyeditordiv'></div>");
	//create the editor instance
	editor = ace.edit("fancyeditordiv");
    //turn off print margin
    editor.setPrintMarginColumn(false);
	//set the editor theme
	editor.setTheme("ace/theme/dawn");
	//must always use scrollbar
	editor.renderer.setVScrollBarAlwaysVisible(true);
	editor.renderer.setHScrollBarAlwaysVisible(true);
	//get a copy of the initial file contents (the file being edited)
	//var intialData = $('#newcontent').val()
	var intialData = "Use the file manager to find a file you wish edit, click the file name to edit. \n\n";


    //startup info - usefull for debugging
        var data = { action: 'wpide_startup_check', _wpnonce: jQuery('#_wpnonce').val(), _wp_http_referer: jQuery('#_wp_http_referer').val() };

		jQuery.post(ajaxurl, data, function(response) {
            if (response == "-1"){
    			intialData = intialData + "Permission/security problem with ajax request. Refresh WPide and try again. \n\n";
			}else{
    		    intialData = intialData + response;
			}

            editor.getSession().setValue( intialData );
		});



	//make initial editor read only
	// $('#fancyeditordiv textarea').attr("disabled", "disabled");
	editor.setReadOnly(true);

	//use editors php mode
	var phpMode = require("ace/mode/php").Mode;
	editor.getSession().setMode(new phpMode());

	//START AUTOCOMPLETE
	//create the autocomplete dropdown
	var ac = document.createElement('select');
	ac.id = 'ac';
	ac.name = 'ac';
	ac.style.position='absolute';
	ac.style.zIndex=100;
	ac.style.width='auto';
	ac.style.display='none';
	ac.style.height='auto';
	ac.size=10;
	editor.container.appendChild(ac);

	//hook onto any change in editor contents
	editor.getSession().on('change', onSessionChange);//end editor change event



	//START COMMANDS

	//Key up command
	editor.commands.addCommand({
		name: "up",
		bindKey: {
			win: "Up",
			mac: "Up",
			sender: "editor"
		},

		exec: function(env, args, request) {
			if (oHandler && oHandler.visible() === 'block'){
				oHandler.previous();

				//show command help panel for this command
				wpide_function_help();
                //console.log("handler is visible");

			}else if( document.getElementById('ac').style.display === 'block'  ) {
				var select=document.getElementById('ac');
				if( select.selectedIndex === 0 ) {
					select.selectedIndex = select.options.length-1;
				} else {
					select.selectedIndex = select.selectedIndex-1;
				}
                 //console.log("ac is visible");
			} else {
				var range = editor.getSelectionRange();
				editor.clearSelection();

/*				// If we have folds, let's skip past them
                var fold    = editor.getSession().getFoldAt( range.start.row );
                if ( fold !== null ) {
                    range.end.row = fold.start.row;
                }


                // Do not go up on a tabbed space
                if ( editor.session.getUseSoftTabs() ) {
                    var tabsize     = editor.session.getTabSize();
                    range.end.column = Math.round( range.end.column / tabsize ) * tabsize;
                }
*/
				editor.moveCursorTo(range.end.row-1, range.end.column);
			}
		}
	});


	//key down command
	editor.commands.addCommand({
		name: "down",
		bindKey: {
			win: "Down",
			mac: "Down",
			sender: "editor"
		},
		exec: function(env, args, request) {

			if (oHandler && oHandler.visible() === 'block'){
				oHandler.next();

				//show command help panel for this command
				wpide_function_help();

			}else if ( document.getElementById('ac').style.display === 'block' ) {
				var select=document.getElementById('ac');
				if ( select.selectedIndex === select.options.length-1 ) {
					select.selectedIndex=0;
				} else {
					select.selectedIndex=select.selectedIndex+1;
				}
			} else {
				var range = editor.getSelectionRange();
				editor.clearSelection();
				editor.moveCursorTo(range.end.row +1, range.end.column);
			}
		}
	});



	editor.commands.addCommand({
		name: "enter",
		bindKey: {
			win: "Return",
			mac: "Return",
			sender: "editor"
		},
		exec: selectACitem
	});

	// save command:
	editor.commands.addCommand({
		name: "save",
		bindKey: {
			win: "Ctrl-S",
			mac: "Command-S",
			sender: "editor"
		},
		exec: saveDocument
	});

	// duplicate line:
	editor.commands.addCommand({
		name: "duplicateLines",
		bindKey: {
			win: "Ctrl-D",
			mac: "Command-D",
			sender: "editor"
		},
		exec: function() {
			var rows = editor.$getSelectedRows();
			editor.session.duplicateLines( rows.first, rows.last );
		}
	});

	// delete line:
	editor.commands.addCommand({
		name: "removeLines",
		bindKey: {
			win: "Ctrl-Shift-D",
			mac: "Command-Shift-D",
			sender: "editor"
		},
		exec: function() {
			editor.removeLines();
			editor.selection.moveCursorUp();
		}
	});

	// Move lines up
	editor.commands.addCommand({
		name: "shiftLinesUp",
		bindKey: {
			win: "",
			mac: "Command-Shift-Up",
			sender: "editor"
		},
		exec: function() {
			// Move rows down
			var rows    = editor.$getSelectedRows();
			editor.session.moveLinesUp( rows.first, rows.last );

			if ( !editor.selection.isEmpty() && ( editor.selection.anchor.row == editor.selection.lead.row ) ) {
				// Move selection down
				//console.log(rows);
				rows.start.row++;
				rows.end.row++;
				rows.start.column   = 0;
				rows.end.column     = 0;

				editor.selection.moveCursorUp();
				editor.selection.setSelectionRange( rows );
			} else {
				editor.selection.moveCursorUp();
			}
		}
	});

	// Move lines down
	editor.commands.addCommand({
		name: "shiftLinesDown",
		bindKey: {
			win: "Ctrl-Shift-Down",
			mac: "Command-Shift-Down",
			sender: "editor"
		},
		exec: function() {
			// Move rows down
			var rows    = editor.$getSelectedRows();
			editor.session.moveLinesDown( rows.first, rows.last );

			if ( !editor.selection.isEmpty() && ( editor.selection.anchor.row == editor.selection.lead.row ) ) {
				// Move selection down
				//console.log(rows);
				rows.start.row++;
				rows.end.row++;
				rows.start.column   = 0;
				rows.end.column     = 0;

				editor.selection.moveCursorDown();
				editor.selection.setSelectionRange( rows );
			} else {
				editor.selection.moveCursorDown();
			}
		}
	});

	// Show find dialog
	editor.commands.addCommand({
		name: "findDialog",
		bindKey: {
			win: "Ctrl-F",
			mac: "Command-F",
			sender: "editor"
		},
		exec: function() {
			display_find_dialog();
		}
	});

	// Show goto dialog
	editor.commands.addCommand({
		name: "gotoDialog",
		bindKey: {
			win: "Ctrl-G",
			mac: "Command-G",
			sender: "editor"
		},
		exec: function() {
			display_goto_dialog();
		}
	});

	//END COMMANDS


	//click action for new directory/file submit link
	$("#wpide_create_new_directory, #wpide_create_new_file").click(function(e){
		e.preventDefault();

		var data_input = jQuery(this).parent().find("input.has_data");
		var item = eval('('+ data_input.attr("rel") +')');

		//item.path file|directory
		var data = { action: 'wpide_create_new', path: item.path, type: item.type, file: data_input.val(), _wpnonce: jQuery('#_wpnonce').val(), _wp_http_referer: jQuery('#_wp_http_referer').val() };

		jQuery.post(ajaxurl, data, function(response) {

			if (response == "1"){
				//remove the file/dir name from the text input
				data_input.val("");

				if ( jQuery("ul.jqueryFileTree a[rel='"+ item.path +"']").length == 0){

					//if no parent then we are adding something to the wp-content folder so regenerate the whole filetree
					the_filetree();

				}

				//click the parent once to hide
				jQuery("ul.jqueryFileTree a[rel='"+ item.path +"']").click();

				//hide the parent input block
				data_input.parent().hide();

				//click the parent once again to show with new folder and focus on this area
				jQuery("ul.jqueryFileTree a[rel='"+ item.path +"']").click();
				jQuery("ul.jqueryFileTree a[rel='"+ item.path +"']").focus();

			}else if (response == "-1"){
				alert("Permission/security problem. Refresh WPide and try again.");
			}else{
				alert(response);
			}


		});

	});


    // Add our resizer to the
	$("#fancyeditordiv").prepend('<span id="resizer"></span>');

	// Create resizer handle
	$("#fancyeditordiv span#resizer").bind('mousedown', function(e) {
		e = e || window.event;

		var offset = e.offsetY;

		if ( offset === undefined ) {
			offset = 0;
		}

		window.editor_options.resizer.handler_offset = (15-offset) - 30;

		function movement_handler(e) {
			var line_height = editor.renderer.lineHeight;
			var curr_height = $("#fancyeditordiv").height();

			var o           = jQuery('#wpide_toolbar_buttons').offset();

			// Calculate new height.
			var new_height	 = e.clientY;                                        // Get mouse Y position in window.
			new_height		-= o.top;                                            // Add offset from top of window.
			new_height		+= window.editor_options.resizer.handler_offset;     // Add offset from resizer handle.
			new_height		+= jQuery(window).scrollTop();                     // Add window scroll offset.
			new_height		 = Math.round(new_height / line_height) * line_height;     // Round to nearest line height

			// Do not allow if less than 230px
			if (new_height > 230 || new_height > curr_height) {
				$("#fancyeditordiv").height(++new_height);
				editor.resize();
			}
		}

		function cancel_drag() {
			$(window)
				.unbind('mousemove', movement_handler)
				.unbind('mouseup', cancel_drag);
		}

		// Detect movements on mouse
		$(window).bind('mousemove', movement_handler);
		$(window).bind('mouseup', cancel_drag);

	});


	$("#submitdiv h3")
		.append('<a href="#" class="wpide-settings">')
		.find('a')
		.bind('click', display_editor_settings);

    $("#wpide_file_browser").on("contextmenu", ".directory > a, .file > a", display_context_menu);

    // Figure out the correct size for the editor
    (function() {
        var size    = Math.max( ( $(document.body).height() - 230 ), 250 ),
            lh      = editor.renderer.lineHeight;

        size += lh - (size % lh);
        size++;                     // Editor seems to always be 1px small

        $("#fancyeditordiv").height(size + 'px');
    })();

	editor.on('changeSession', function(e) {
		update_scroll_bars_for_resizer();
	});

	load_editor_settings();
	editor.resize();

	filetree_drag_initializer();
});//end jquery load