enyo.kind({
    name: "moon.sample.video.MainMenuWideSample",
    kind: "moon.Panel",
    classes: "enyo-unselectable moon moon-video-mainmenu",
    fit: true,
    titleAbove: "01",
    title: "Main Menu",
    components: [
        {kind: "enyo.Spotlight"},
        {kind: "FittableColumns", components: [
            {
                classes: "moon-video-mainmenu-menu",
                components: [
                    {kind: "moon.Item", content: "Browser Movies", spotlight: true},
                    {kind: "moon.Item", content: "Browser TV Shows", spotlight: true},
                    {kind: "moon.Item", content: "Queue", spotlight: true},
                    {kind: "moon.Item", content: "Search", spotlight: true}
                ]
            },
            {
                classes: "moon-video-mainmenu-content",
                content: "branding"
            }
        ]}
    ]
 });

enyo.kind({
    name: "moon.sample.video.MainMenuWideSample",
    kind: "moon.Panel",
    classes: "enyo-unselectable moon moon-video-mainmenu",
    titleAbove: "01",
    title: "Main Menu",
    components: [
/** If you want to use this template alone with spotlight, remove this comment out.
        {kind: "enyo.Spotlight"},
*/
        {kind: "FittableColumns", components: [
            {
                classes: "moon-video-mainmenu-menu",
                components: [
                    {kind: "moon.Item", content: "Browser Movies"},
                    {kind: "moon.Item", content: "Browser TV Shows"},
                    {kind: "moon.Item", content: "Queue"},
                    {kind: "moon.Item", content: "Search"}
                ]
            },
            {
                classes: "moon-video-mainmenu-content",
                content: "branding"
            }
        ]}
    ]
 });

Adjust main menu wide template.
GF-4248: Adjust main menu wide template.

To be used in Activity one panel up sample, some code should be
modified.

Enyo-DCO-1.1-Signed-off-by: David Um <david.um@lge.com>
