function generalOnTheSpotInitializer() {
    //console.log("Init-on-the-spot ...")

    $(".on_the_spot_editing").mouseover(function() {
		$(this).addClass('on_the_spot_over');
    });
    $(".on_the_spot_editing").mouseout(function() {
		$(this).removeClass('on_the_spot_over');
    });

    $('.on_the_spot_editing').each(initializeOnTheSpot);
}

if (typeof Turbolinks == "undefined") {
    $(function() {
        generalOnTheSpotInitializer();
    });
} else {
    $(document).on("turbolinks:load", generalOnTheSpotInitializer )
}



function initializeOnTheSpot(n){
    var el            = $(this),
        auth_token    = el.attr('data-auth'),
        data_url      = el.attr('data-url'),
        ok_text       = el.attr('data-ok') || 'OK',
        cancel_text   = el.attr('data-cancel') || 'Cancel',
        tooltip_text  = el.attr('data-tooltip') || 'Click to edit ...',
        form_css      = el.attr('data-form-css'),
        input_css     = el.attr('data-input-css'),
        edit_type     = el.attr('data-edittype'),
        select_data   = el.attr('data-select'),
        rows          = el.attr('data-rows'),
        columns       = el.attr('data-columns'),
        load_url      = el.attr('data-loadurl'),
        selected      = el.attr('data-selected'),
        onblur_action = el.attr('data-onblur') || 'cancel',
        method_name   = el.attr('data-display-method') || '',
        callback      = el.attr('data-callback');


    var options = {
        tooltip: tooltip_text,
        placeholder: tooltip_text,
        cancel: cancel_text,
        submit: ok_text,
        cssclass: form_css,
        inputcssclass: input_css,
        select: selected,
        onerror: function (settings, original, xhr) {
            original.reset();
            //just show the error-msg for now
            alert(xhr.responseText);
        },
        loadurl: load_url,
        onblur: onblur_action,
        submitdata: {
          authenticity_token: auth_token,
          display_method: method_name,
          _method: 'put'
        },
        callback: callback ? new Function("value", "settings", "return "+callback+"(this, value, settings);") : null
    };
    if (edit_type != null) {
        options.type = edit_type;
    }
    if (edit_type == 'select') {
        if (select_data != null) {
            options.data = select_data;
            options.submitdata['select_array'] = select_data;
        }
        if (load_url != null) {
            options.loadurl = load_url;
        }
    }
    else if (edit_type == 'textarea') {
        options.rows = rows;
        options.cols = columns;
    }

    el.editable(data_url, options);
}