jf-roku/components/tvshows/details.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="TVShowItemDetailScene" extends="Scene">
  <children>
    <PanelSet id="panelset">
      <Panel id="panel-desc">
        <TVShowDescription id="description" />
      </Panel>
      <Panel id="panel-seasons">
        <TVSeasonRow id="seasons" />
      </Panel>
    </PanelSet>
  </children>
  <interface>
    <field id="itemData" type="node" alias="description.itemContent" />
    <field id="seasonData" type="associativearray" alias="seasons.TVSeasonData" />
    <field id="panelFocused"
      alias="panelset.leftPanelIndex"
      type="integer"
      onChange="panelFocusChanged" />
  </interface>
  <script type="text/brightscript">
  <![CDATA[
    sub init()
      set = m.top.findNode("panelset")
      set.height = 1080

      panel = set.findNode("panel-desc")
      panel.panelSize = "full"
      panel.hasNextPanel = true
      panel.isFullScreen = true
      panel.leftPosition = 150

      panel2 = set.findNode("panel-seasons")
      panel2.panelSize = "full"
      panel2.hasNextPanel = false
      panel2.isFullScreen = true
      panel2.leftPosition = 150
      ' TODO - set the bounds so seasons dont go off the edge of the screen
    end sub

    sub panelFocusChanged()
      set = m.top.findNode("panelset")
      index = m.top.panelFocused

      if index = 0
        ' Description page
        ' TODO - get the buttons to actually take focus back
        set.findNode("description").findNode("buttons").setFocus(true)
      else if index = 1
        ' Seasons page
        set.findNode("seasons").setFocus(true)
      end if

    end sub
  ]]>
  </script>
</component>