ts.ThemeManager.register("TileStackToolbar", {
	button: {
		_baseTemplate_: {
			name: "New Button", 
			style: "roundRect", 
			rectangle:[0,0,95,22], 
			textAlign: "center", 
			textFont: "Helvetica", 
			textStyle:["bold"], 
			textSize: 12, 
			selectedLine: 0, 
			titleWidth: 0, 
			showName: true, 
			enabled: true
		},
		_common_: {
			type: 0,
			_common_: { 
				color: "transparent", 
				textFont: "Arial", 
				textSize: 12, 
				textColor: "#4d4d4d", 
				textAlign: "center",
				border: [1, "solid", "transparent"]
			},
			
			//these are just here to indicate what mode names we want
			enabled: { },
			enabled_mouseEnter: { },
			enabled_mouseDown: { },
						
			enabled_hilite: { },
			enabled_hilite_mouseEnter: { },
			enabled_hilite_mouseDown: { },
			
			disabled: { },
			disabled_hilite: { }
		},
		
		transparent: {
			enabled: { color: "transparent" },
			enabled_hilite: { color: "black", textColor: "#4d4d4d" }
		},
		
		oval: {
			enabled: { color: "transparent" },
			enabled_hilite: { color: "black", textColor: "white" }
		},
		
		opaque: {
			enabled: { color: "white" },
			enabled_hilite: { color: "black", textColor: "white" }
		},
		
		tab: {
			_common_: { 
			    border:[1, "solid", "#b3b3b3"],
			    color: "white"
			},
			enabled_hilite: { 
			    color: "#e6e6e6",
			    textColor: "#4d4d4d",
			    border:[1, "solid", "#e6e6e6"]
			},
			enabled_hilite_mouseEnter: {
			    color: "#e6e6e6",
			    textColor: "#4d4d4d",
			    border:[1, "solid", "#e6e6e6"]
			}
		},
		messageBox: {
			_common_: { 
			    border:[1, "solid", "#b3b3b3"],
			    color: "#e6e6e6"
			},
			enabled_hilite: { 
			    color: "#e6e6e6",
			    textColor: "#4d4d4d",
			    border:[1, "solid", "#e6e6e6"]
			},
			enabled_hilite_mouseEnter: {
			    color: "#e6e6e6",
			    textColor: "#4d4d4d",
			    border:[1, "solid", "#e6e6e6"]
			}
		},


		popdown: {
			_common_: { border: [1, "solid", "#f2f2f2"], color: "#f2f2f2" }
		},

		rectangle: {
			_common_: { border: [1, "solid", "#b3b3b3"] , textColor: "#4d4d4d" },
			enabled: { color: "#e6e6e6"},
			enabled_hilite: { color: "#b3b3b3"}
		},

		modeButton: {
			_common_: { border: [1, "solid", "#4d4d4d"], textSize: 11},
			enabled: { color: "transparent", border: [1, "solid", "white"] },
            enabled_hilite: { color: "rgb(176,201,226)", border: [1, "solid", "rgb(112, 128, 144)"] },
			enabled_hilite_mouseEnter: { color: "rgb(176,201,226)", border: [1, "solid", "rgb(112, 128, 144)"] },
			enabled_mouseEnter: { color: "rgb(245,245,245)", border: [1, "solid", "rgb(179,179,179)"] } 
		},

		toolButton: {
			_common_: { 
                border: [1, "solid", "#d5d5d5"],
                color: "transparent"
			},
            enabled_hilite: { 
                color: "rgb(176,201,226)", 
                border: [1, "solid", "rgb(112, 128, 144)"]
            },
			enabled_mouseEnter: { 
			    color: "rgb(245,245,245)", 
			    border: [1, "solid", "rgb(179,179,179)"]
			},
			enabled_hilite_mouseEnter: { 
                color: "rgb(176,201,226)", 
                border: [1, "solid", "rgb(112, 128, 144)"]
            }
		},
		
		roundRect: {
			_common_: { border: [5, "image", "ButtonRoundRect.png", 5] }
		},

		shadow: {
			_common_: { border: [5, "image", "ButtonShadow.png", 5] }
		},

		standard: {
			_common_: { border: [5, "image", "ButtonStandard.png", 5] }
		},

		"default": {
			_common_: { border: [5, "image", "ButtonDefault.png", 5] }
		},
		
		checkBox: {
			type: 1,
			_common_: { boxImage: ["ButtonCheckBox.png", 10, 10], textSize: 11, textAlign: "left" },
			enabled_hilite: { boxImage: ["ButtonCheckBoxHilite.png", 10, 10] },
			enabled_hilite_mouseEnter: { boxImage: ["ButtonCheckBoxHilite.png", 10, 10] }
		},
		
		radioButton: {
			type: 1,
			_common_: { border: [2, "image", "ButtonRadioButton.png", 2], boxSize: 12, textAlign: "left" },
			enabled_hilite: { boxImage: "ButtonRadioButtonHilite.png" }
		},
		
		popup: {
			type: 2,
			_common_: {
			    border: [1, "solid", "#d5d5d5"],
			    color: "#f5f5f5", 
			    textColor: "#4d4d4d", 
			    boxImage: ["FieldPopupArrow.png", 16, 16], 
			    textAlign: "left"
		    }
		}
	},
	
	field: {
		_baseTemplate_: {name: "New Field", style: "rectangle", rectangle:[0,0,200,85], textFont: "Verdana", textSize: 12, selectedLine: 0, fixedLineHeight: true, scroll: 0, textHeight: 16},
		_common_: {
			type: 0,
			_common_: { 
				textFont: "Arial", 
				textSize: 12,
				border: [1, "solid", "transparent"] 
			},
			focus: {},
			blur: {}
		},
		
		transparent: {
			_common_: { color: "transparent", textColor: "#4d4d4d"}
		},
		
		opaque: {
			_common_: { color: "white" }
		},
		
		rectangle: {
			_common_: { border: [1, "solid", "#d5d5d5"], color: "#f5f5f5", textColor: "#4d4d4d" }
		},

		shadow: {
			_common_: { border: [5, "image", "FieldShadow.png", 5] }
		},

		scrolling: {
			type: 1,
			_common_: { border: [1, "solid", "#b3b3b3"], color: "white", textColor: "#4d4d4d"}
		}
	},
	
	objects: [
        { name: "Buttons", icon: "", type: "section" },
        {
    	    name: "Button", icon: "ui-button.png", type: "button",
    	    desc: "A button receives the <u><i>mouseUp</i></u> system message when clicked. Add a script or task to respond.",
    	    props: {rectangle: [0,0,120,22], style: "roundRect", autoHilite: true}
    	},
    	{
    	    name: "Check Box", icon: "ui-checkbox.png", type: "button",
    	    desc: "A checkbox is used to turn an option on and off. Use the <u><i>hilite</i></u> property to toggle the checkbox.",
    	    props: {rectangle: [0,0,120,22], style: "checkBox", autoHilite: true}
    	},
    	{
    	    name: "Radio Button", icon: "ui-radio-button.png", type: "button",
    	    desc: "A radio button is used to select between one or more options. Use the <u><i>family</i></u> property to connect multiple radio buttons.",
    	    props: {rectangle: [0,0,120,22], style: "radioButton", autoHilite: true}
    	},
    	{
    	    name: "Popup Menu", icon: "ui-popup-menu.png", type: "button",
    	    desc: "A pop-up menu displays a menu and sets both the <u><i>selectedText</i></u> and <u><i>selectedLine</i></u> properties when a selection is changed.",
    	    props: {style: "popup", contents: "Line 1\nLine 2\nLine 3"}
    	},
    	{
    	    name: "Transparent Button", icon: "ui-transparent-button.png", type: "button",
    	    desc: "A transparent button is used to overlay a clickable area on a tile or background.",
    	    props: {style: "transparent", showName: false}
    	},
        { name: "Fields", icon: "", type: "section" },
    	{
    	    name: "Field", icon: "ui-field.png", type: "field",
    	    desc: "A field is for entering a large amount of text. When added to a background the field contents is unique per tile.",
    	    props: {rectangle: [0,0,200,85], style:"rectangle"}
    	    
    	},
    	{
    	    name: "Single Line Field", icon: "ui-single-line-field.png", type: "field",
    	    desc: "A single line field is for entering a small amount of text. When added to a background the field contents is unique per tile.",
    	    props: {rectangle: [0,0,150,22], autoTab: true}
    	},
    	{ 
    	    name: "List Field", icon: "ui-list-field.png", type: "field",
    	    desc: "A list field is used to select between one or more options. Use the <u><i>multipleLines</i></u> property to toggle multiple selection.",
    	    props: {autoTab: false, autoSelect: true, lockText:true, selectedLines: [1], contents:"Line 1 Item 1, Item 2, Item 3\nLine 2 Item 1, Item 2, Item 3\nLine 3 Item 1, Item 2, Item 3\nLine 4 Item 1, Item 2, Item 3"}
    	},
    	{
    	    name: "Label", icon: "ui-label.png", type: "field",
    	    desc: "A label is used to display one or more lines of text. They receive mouse messages such as <u><i>mouseUp</i></u>.",
    	    props: {rectangle: [0,0,80,22], lockText: true, style: "transparent", contents: "New Label"}
    	},
        /*{ name: "Special Parts", icon: "", type: "section" },
        {
    	    name: "Hyperlink", icon: "ui-hyperlink.png", type: "button",
    	    desc: "A hyperlink is a stylized button that has had a URL destination button task assigned. Double click to edit destination url.",
    	    props: {rectangle: [0,0,150,22], textStyle:["plain"], style: "transparent", textColor: "blue", contents:"http://www.google.com", script:'on mouseUp\ngo to me with a new window\nend mouseUp\n'}
    	},*/
        { name: "Part Containers", icon: "", type: "section" },
    	{
    	    name: "Tile", icon: "ui-tile.png", type: "tile",
    	    desc: "A tile is a part container that holds other buttons and fields. Use scripts or tasks to create interactions between tiles."
    	},
    	{
    	    name: "Background", icon: "ui-background.png", type: "background",
    	    desc: "A background is a part container that behaves like a template for one or more tiles. Tiles that are added to it will share the backgrounds parts."
    	}
	]
});