window.onload = () ->

    ContentTools.IMAGE_UPLOADER = ImageUploader.createImageUploader

    # Uncomment the following lines to use the cloudinary image uploader
    #CloudinaryImageUploader.CLOUD_NAME = ''
    #CloudinaryImageUploader.UPLOAD_PRESET = ''
    #ContentTools.IMAGE_UPLOADER = (dialog) ->
    #    return CloudinaryImageUploader.createImageUploader(dialog)

    # Build a palette of styles
    ContentTools.StylePalette.add([
        new ContentTools.Style('By-line', 'article__by-line', ['p']),
        new ContentTools.Style('Caption', 'article__caption', ['p']),
        new ContentTools.Style('Example', 'example', ['pre']),
        new ContentTools.Style('Example + Good', 'example--good', ['pre']),
        new ContentTools.Style('Example + Bad', 'example--bad', ['pre'])
        ])

    editor = ContentTools.EditorApp.get()
    editor.init('[data-editable], [data-fixture]', 'data-name')

    editor.addEventListener 'saved', (ev) ->

        # Handle the page being saved
        console.log ev.detail().regions

        if Object.keys(ev.detail().regions).length == 0
            return

        # Mark the ignition as busy while we save the page
        editor.busy(true)

        # Simulate saving the page
        saved = () =>
            # Save has completed set the app as no longer busy
            editor.busy(false)

            # Trigger a flash to indicate the save has been successful
            new ContentTools.FlashUI('ok')

        setTimeout(saved, 2000)

    # Handle tools available to fixtures
    FIXTURE_TOOLS = [['undo', 'redo', 'remove']]
    IMAGE_FIXTURE_TOOLS = [['undo', 'redo', 'image']]
    LINK_FIXTURE_TOOLS = [['undo', 'redo', 'link']]
    ContentEdit.Root.get().bind 'focus', (element) ->
        # Determine what tools should be available to the user
        if element.isFixed()
            if element.type() is 'ImageFixture'
                tools = IMAGE_FIXTURE_TOOLS
            else if element.tagName() == 'a'
                tools = LINK_FIXTURE_TOOLS
            else
                tools = FIXTURE_TOOLS
        else
            tools = ContentTools.DEFAULT_TOOLS

        # If the tools have changed update the toolboox
        if editor.toolbox().tools() != tools
            editor.toolbox().tools(tools)

    # Translation example
    # req = new XMLHttpRequest()
    # req.overrideMimeType('application/json')
    # req.open(
    #     'GET',
    #     'https://raw.githubusercontent.com/GetmeUK/ContentTools/master/translations/lp.json',
    #     true
    #     )
    # req.onreadystatechange = (ev) ->
    #     if ev.target.readyState == 4
    #         translations = JSON.parse(ev.target.responseText)
    #         ContentEdit.addTranslations('lp', translations)
    #         ContentEdit.LANGUAGE = 'lp'

    # Uncomment the following line to use the editor with pig latin translation
    #req.send(null)