let Globalx = {};
const GlobalxItems = ["output_url"]
const GlobalxInitValue = {
    editor: null,
    key_indicate_file: false,
    key: '/'
};
const GlobalxInitValueItems = ["editor", "key_indicate_file", "key"]

function init_globalx_storagex() {
    Globalx.storagex = new Storagex();
    Globalx.build = {
	'contest2011.md': {
	    path: '/attempt/contest2011/data/contest2011.md',
	    target: 'cont',
	    subtarget: '2011',
	    category: 'attempt',
	    output_html: 'contest2011.html',
	    alias_html: 'contest.html',
	}
    }

}


function init_globalx() {
    Globalx.num = 0
    Globalx.index = 0
    Globalx.parts = ["data" , "output", "setting"]
    Globalx.bookmark_displayname_max_length = 18
    Globalx.output_url = null
    Globalx.remote_filename = 'php/content3.php'
    Globalx.build = new Build()

    tab_init()
    topmenu_init()
    Globalx.remotex = new Remotex( Globalx.remote_filename )
    if( Globalx.bookmark_mgr === null || Globalx.bookmark_mgr === undefined ){
	Globalx.bookmark_mgr = new BookmarkMgr(Globalx.bookmark_displayname_max_length, Globalx.parts)
    }
    Globalx.bookmarkmenu = null

    Globalx.build.setup()
}

async function update_all_filelist( ) {
    Globalx.parts.map( ( part ) => {
	Globalx[ part ].sidemenu.update(`#${part}-side`)
    } )
}

async function get_output_url_async( num, func ){
    let realData = Globalx.storagex.get_output_url()

    if( realData === undefined || realData === null ){
	await Globalx.remotex.get_output_url( num, func )
    }
    else{
	const obj = Globalx.storagex.get_output_url( num )
	Globalx.output_url = obj.output_url
	Globalx.storagex.save_as_info_from_globalx()
    }
} 

async function setup(){
    get_output_url_async( Globalx.num, (text) => {
	let str = text
	let obj
	if( str.match( /{.*}/ ) === null ){
	    obj = {}
	}
	else {
	    obj = JSON.parse( str )
	}
	Globalx.storagex.change_cache( obj, this.num , this.part )
    } )
}


function main() {
    init_globalx_storagex()

    let need_to_save = Globalx.storagex.restore_globalx_from_info()
    init_globalx()
    setup()

    Globalx.bookmarkmenu = new BookmarkMenu( Globalx.bookmark_displayname_max_length , Globalx.bookmark_mgr )
    Globalx.bookmarkmenu.dlg()

    Globalx.parts.map( ( part ) => {
	set_globalx_editor(part)

	Globalx[ part ].menu = null
	Globalx[ part ].sidemenu = new SideMenu( Globalx.num, part )
	Globalx[ part ].sidemenu.setup(`#${part}-side`)

	$( Globalx[ part ].download_sel ).on('click', {num: Globalx.num, part: part}, handleDownload)
	$( Globalx[ part ].textarea_sel ).val("");
	Globalx.bookmarkmenu.rebuild_bookmark_menu(part)
	Globalx.bookmarkmenu.set_click_handler(part)
    } )

    if( need_to_save ){
	// LocalStorageにまだ保存していない場合、ここで保存しておく
	Globalx.storagex.save_as_info_from_globalx( (data) => { console.log( "data=" + data ) } )
    }
}


function set_globalx_editor(part) {
      Globalx[part] = {
	  editor_id: `${part}-editor`,
	  editor: null, /* variable */
	  textarea_sel: `textarea[name=${part}-editor-t`,
/**/
	  menu_id: `${part}-menu2`,
          bookmark_id: `${part}-bookmark`,
          bookmark_op_id: `${part}-bookmark_op`,
          item_name: "",
/**/
	  bookmarks: [], 
          key_indicate_file: false, /* variable */
	  key: '/', 
	  key_sel: `#${part}-filelist_key`,
          download_sel: `#${part}-down-download`,
          download_url_sel: `#${part}-down-url`,
          download_partial_url_sel: `#${part}-partial-down-url`
      }
      editor_config(part);

      Globalx[part].menu_sel = `#${Globalx[part].menu_id}`
      Globalx[part].bookmark_sel = `#${Globalx[part].bookmark_id}`
      Globalx[part].bookmark_op_sel = `#${Globalx[part].bookmark_op_id}`
}

function editor_config(part) {
      let editor = ace.edit( Globalx[part].editor_id )
      editor.setTheme("ace/theme/monokai");
      editor.setFontSize(14);
      editor.getSession().setMode("ace/mode/markdown");
      editor.getSession().setUseWrapMode(true);
      editor.getSession().setTabSize(2);
      Globalx[part].editor = editor;

      let textarea = $( Globalx[part].textarea_sel )
      editor.getSession().on("change", () => {
/*          textarea.val(editor.getSession().getValue()) */
	  $( Globalx[part].textarea_sel ).val(editor.getSession().getValue())
      });
}

function upload_to_host( part ){
    Globalx.remotex.upload_to_host( part )
}