ImageMapMessageBoxMenu

ui.UiFactory.customTypes["ui.VSMsgMenuLayout"] = {
    "type": "ui.FreeLayout",
    "controls": [
        {
            "type": "ui.ImageMap"
            "images": ["UI_Options_Inactive", "UI_Options_Active", "UI_Options_Inactive", "UI_Options_Active"]
            "updateBehavior": "continuous"
            "hotspots": [
                #-----------------------------------------------------------
                # Skip
                #-----------------------------------------------------------
                {
                    "rect": [0, 0, 60, 22]
                    "actions" : [{
                        "name": "executeFormulas",
                        "params": [
                            $ -> $dataFields.tempSettings.skip = !$dataFields.tempSettings.skip
                            $ -> o.ui.selected = $dataFields.settings.allowSkip.enabled
                        ]
                    }]
                },

                #-----------------------------------------------------------
                # Log
                #-----------------------------------------------------------
                {
                    "rect": [77, 0, 57, 22]
                    "actions" : [
                        {
                           "name": "createControl",
                           "params": {
                               "descriptor": "ui.MessageBacklogBox"
                            }
                         },

                        {
                            "name": "executeFormulas",
                            "params": [
                                $ -> $dataFields.tempSettings.logOpened = !$dataFields.tempSettings.logOpened
                                $ -> o.ui.selected = $dataFields.tempSettings.logOpened
                            ]
                        }
                    ]
                },

                #-----------------------------------------------------------
                # Save
                #-----------------------------------------------------------
                {
                    "rect": [153, 0, 65, 22]
                    "id": "saveButton",
                    "actions": [{
                        "name": "prepareSaveGame",
                        "params": { "snapshot": true },

                        "name": "switchLayout" ,
                        "params": {
                            "name": "saveMenuLayout",
                            "savePrevious": true,
                            "snapshot": true
                        }
                    }]
                },

                #-----------------------------------------------------------
                # Load
                #-----------------------------------------------------------
                {
                    "rect": [238, 0, 69, 22]
                    "actions": [{
                        "name": "switchLayout" ,
                        "params": {
                            "name": "loadMenuLayout",
                            "savePrevious": true,
                            "snapshot": true
                        }
                    }]
                },

                #-----------------------------------------------------------
                # Title
                #-----------------------------------------------------------
                {
                    "rect": [326, 0, 74, 22]
                    "actions": [{
                        "name": "switchLayout" ,
                        "params": {
                            "name": "titleLayout"
                        }
                    }]
                },
            ]
            "formulas": [
              $ ->
                  o.visual.hotspots[0].selected = $dataFields.tempSettings.skip
                  o.visual.hotspots[1].selected = $dataFields.tempSettings.logOpened
          ]
            "zIndex": 60000
        }, # End Image Map


    ] # End FreeLayout

} #End MessageBoxMenu