sink.Structure = [
	{
		text: 'Graders',
		card: hubspot.Data,
		source: 'src/hubspot/pagemanager.js'
	},
	{
		text: 'Page Manager',
		card: hubspot.Data,
		source: 'src/hubspot/pagemanager.js'
	},
	{
		text: 'Sources',
		card: hubspot.UnderConstruction,
		source: 'src/hubspot/underconstruction.js'
	},
	{
		text: 'Leads',
		card: demos.Data,
		source: 'src/demos/touch.js'
	},
	{
		text: 'Website',
		card: demos.Data,
		source: 'src/demos/touch.js'
	},
	{
		text: 'Social Media',
		card: demos.Data,
		source: 'src/demos/touch.js'
	},

    {
    text: 'User Interface',
    cls: 'launchscreen',
    items: [
	{
		text: 'Buttons',
		card: demos.Buttons,
		source: 'src/demos/buttons.js'
	},
    {
        text: 'Forms',
        card: demos.Forms,
        source: 'src/demos/forms.js'
    },
    {
        text: 'List',
        card: demos.List,
        source: 'src/demos/list.js'
    },
    {
        text: 'Icons',
        card: demos.Icons,
        source: 'src/demos/icons.js'
    },
    {
        text: 'Toolbars',
        card: demos.Toolbars,
        source: 'src/demos/toolbars.js'
    },
    {
        text: 'Carousel',
        card: demos.Carousel,
        source: 'src/demos/carousel.js'
    },
    {
        text: 'Tabs',
        card: demos.Tabs,
        source: 'src/demos/tabs.js'
    },
    {
        text: 'Bottom Tabs',
        card: demos.BottomTabs,
        source: 'src/demos/bottomtabs.js'
    },
    {
        text: 'Picker',
        card: demos.Picker,
        source: 'src/demos/picker.js'
    },
    {
        text: 'Map',
        card: demos.Map,
        source: 'src/demos/map.js'
    },
    {
        text: 'Overlay',
        card: demos.Overlay,
        source: 'src/demos/overlay.js'
    }]
},
{
    text: 'Animations',
    source: 'src/demos/animations.js',
    card: Ext.platform.isPhone ? false : demos.Animations,
    items: [{
        text: 'Slide',
        card: demos.Animations.slide,
        preventHide: true,
        animation: 'slide'
    },
    {
        text: 'Slide (cover)',
        card: demos.Animations.slidecover,
        preventHide: true,
        animation: {
            type: 'slide',
            cover: true
        }
    },
    {
        text: 'Slide (reveal)',
        card: demos.Animations.slidereveal,
        preventHide: true,
        animation: {
            type: 'slide',
            reveal: true
        }
    },
    {
        text: 'Pop',
        card: demos.Animations.pop,
        preventHide: true,
        animation: {
            type: 'pop',
            scaleOnExit: true
        }
    },
    {
        text: 'Fade',
        card: demos.Animations.fade,
        preventHide: true,
        animation: {
            type: 'fade',
            duration: 600
        }
    },
    {
        text: 'Flip',
        card: demos.Animations.flip,
        preventHide: true,
        animation: {
            type: 'flip',
            duration: 400
        }
    },
    {
        text: 'Cube',
        card: demos.Animations.cube,
        preventHide: true,
        animation: {
            type: 'cube',
            duration: 400
        }
    }]
},
{
    text: 'Events',
    card: demos.Touch,
    source: 'src/demos/touch.js'
},
{
    text: 'Data',
    card: demos.Data,
    source: 'src/demos/data.js'
},

{
    text: 'HubSpot CMS',
    card: demos.Data,
    source: 'js/hubspotcms.js'
}



];