Tabgroup

import QtQuick 1.0
import com.nokia.meego 1.0
import "tabarray.js" as TabArray

Page {
    TabGroup {
        id: ctrltgroup
        currentTab: ctrltab0
        PageStack {
            id: ctrltab0
            HomePage { id: homepage }
            currentPage: homepage
            objectName: ctrltab0
            //Component.onCompleted: TabArray.addItem(ctrltab0)
        }
        PageStack {
            id: ctrltab1
            SearchPage { id: searchpage }
            currentPage: searchpage
            objectName: ctrltab1
            //Component.onCompleted: TabArray.addItem(ctrltab1)
        }
        PageStack {
            id: ctrltab2
            PlaylistsPage { id: playlistspage }
            currentPage: playlistspage
            objectName: ctrltab2
            //Component.onCompleted: TabArray.addItem(ctrltab2)
        }
        PageStack {
            id: ctrltab3
            CurrentPlaylistPage { id: currentplpage }
            currentPage: currentplpage
            objectName: ctrltab3
            //Component.onCompleted: TabArray.addItem(ctrltab3)
        }
        PageStack {
            id: ctrltab4
            PlayerPage { id: playerpage }
            currentPage: playerpage
            objectName: ctrltab4
            //Component.onCompleted: TabArray.addItem(ctrltab4)
        }
        Component.onCompleted: TabArray.myArray.push(ctrltab0, ctrltab1, ctrltab2, ctrltab3, ctrltab4);
        /*states: [
            State {
                name: "curtabchg"
                PropertyChanges {
                    target: ctrltgroup
                    currentTab: curtab
                }
            }
        ]*/
    }

    tools: ToolBarLayout {
        id: ctrlbarlayout
        visible: false
        ToolIcon { iconId: "toolbar-back"; onClicked: pageStack.pop() }
        ButtonRow {
            TabButton {
                text: "Home"
                tab: ctrltab0
            }
            TabButton {
                text: "Search"
                tab: ctrltab1
            }
            TabButton {
                text: "PLs"
                tab: ctrltab2
            }
            TabButton {
                text: "CPL"
                tab: ctrltab3
            }
            TabButton {
                text: "Player"
                tab: ctrltab4
            }
        }
        //ToolIcon { iconId: "toolbar-view-menu"; onClicked: ctrltgo   }
    }

    function setCurrentTab(s) {
        ctrltgroup.currentTab = TabArray.getList()[s]
    }
}