function initDesigner(designer, editor_div_name, design_id) {
    initNotebookDesigner(designer, editor_div_name, design_id);
}

function initNotebookDesigner(designer, editor_div_name, design_id) {
    designer.setEditorType("notebook");

    var mask_counter = 0;
    var after_masks_are_loaded = function() {
        mask_counter++;
        if (mask_counter == 2) {
            try {
                designer.setActiveEditor(editor1);
                designer.setCompleted();
                designer.registerDesignLoadedListener(function () {
                    try {
                        if (ce_setup_slider) ce_setup_slider();
                    } catch (e) {
                    // this happens if loaded from admin-area
                    }
                    designer.setActiveEditor(editor1);

                    $(editor_div_name).appendChild(editor1.html());
                    $(editor_div_name).appendChild(editor2.html());
                });
                if (design_id != null) {
                    designer.restoreById(design_id);
                } else {
                    designer.restoreFromDatabase();
                }
            } catch (loadExc) {
                // NOTHING
                alert("Load design:" + loadExc.description);
            }

            
        }
    };
    var editor1 = new _Editor("Aussen", 290, 222, 14.14, 10.39, true, "/customer_images/Laptop/Deckel_Editor.gif",   "/customer_images/Laptop/Deckel_Editor_back.gif",   after_masks_are_loaded, new _Viewport(0, 0, 290, 213)); //191, 200); // 43 x 40 cm   // 0.93  16.93 x 15.75;
    designer.addEditor(editor1);

    var editor2 = new _Editor("Innen",  290, 222, 13.86,  8.98, true, "/customer_images/Laptop/Tastatur_Editor.gif", "/customer_images/Laptop/Tastatur_Editor_back.gif", after_masks_are_loaded, new _Viewport(0, 0, 290, 213));  // 16 x 46,1 cm -->  6.30" x 18.15";
    designer.addEditor(editor2);
}