ts.ThemeManager.register("HyperCard", {
	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_: { 
				//textFont: "Helvetica", 
				//textStyle: ["bold"], 
				//textSize: 12, 
				textColor: "0,0,0",
				border: [0, "solid", "transparent"],
				color: "-1,-1,-1" 
			},

			//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_hilite: { 
				color: "0,0,0", 
				textColor: "255,255,255"
			}
		},
		oval: {
			enabled_hilite: {
				color: "0,0,0",
				textColor: "255,255,255"
			}
		},
		opaque: {
			_common_: {
				color: "255,255,255"
			},
			
			enabled_hilite: {
				color: "0,0,0",
				textColor: "255,255,255"
			}
		},
		rectangle: {
			_common_: {
				border: [1, "solid", "black"],
				color: "255,255,255"
			},
			
			enabled_hilite: {
				color: "0,0,0",
				textColor: "255,255,255",
				border: [1, "solid", "white"]
			},
			
			enabled_hilite_mouseEnter: {
				color: "0,0,0",
				textColor: "255,255,255",
				border: [1, "solid", "white"]
			}
		},
		roundRect: {
			_common_: { border:[5, "image", ["ButtonRoundRect.png", 12, 12], 5], color: "-1,-1,-1" },
			enabled_hilite: { border:[5, "image", ["ButtonRoundRectHilite.png", 12, 12], 5], textColor: "255,255,255" },
			enabled_hilite_mouseEnter: { border:[5, "image", ["ButtonRoundRectHilite.png", 12, 12], 5], textColor: "255,255,255" }
		},
		shadow: {
			_common_: { border: [3, "image", ["ButtonShadow.png", 12, 12], 3] },
			enabled_hilite: { border:[3, "image", ["ButtonShadowHilite.png", 12, 12], 3], textColor: "255,255,255" },
			enabled_hilite_mouseEnter: { border:[3, "image", ["ButtonShadowHilite.png", 12, 12], 3], textColor: "255,255,255" }
		},
		standard: {
			_common_: { border: [4, "image", ["ButtonStandard.png", 12, 12], 4] },
			enabled_hilite: { border:[4, "image", ["ButtonStandardHilite.png", 12, 12], 4], textColor: "255,255,255" },
			enabled_hilite_mouseEnter: { border:[4, "image", ["ButtonStandardHilite.png", 12, 12], 4], textColor: "255,255,255" }
		},
		"default": {
			_common_: { border: [5, "image", ["ButtonDefault.png", 12, 12], 5] },
			enabled_hilite: { border:[5, "image", ["ButtonDefaultHilite.png", 12, 12], 5], textColor: "255,255,255" },
			enabled_hilite_mouseEnter: { border:[5, "image", ["ButtonDefaultHilite.png", 12, 12], 5], textColor: "255,255,255" }
		},
		checkBox: {
			type: 1,
			_common_: { boxImage: ["CheckBox.png", 12, 12], textAlign: "left" },
			enabled_hilite: { boxImage: ["CheckBoxHilite.png", 12, 12] },
			enabled_hilite_mouseEnter: { boxImage: ["CheckBoxHilite.png", 12, 12] }
		},
		radioButton: {
			type: 1,
			_common_: { border: [1, "solid", "transparent"], boxImage: ["ButtonRadioButton.png", 12, 12], textAlign: "left"},
			enabled_hilite: { boxImage: ["RadioButtonHilite.png", 12, 12] },
			enabled_hilite_mouseEnter: { boxImage: ["RadioButtonHilite.png", 12, 12] }
		},
		popup: {
			type: 2,
			_common_: { border: [3, "image", ["FieldShadow.png", 12, 12], 3], boxImage: ["FieldPopupArrow.png", 12, 6] }
		}
	},
	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: "Verdana", 
				textSize: 12, 
				textColor: "0,0,0", 
				border: [1, "solid", "transparent"],
				color: "-1,-1,-1" 
			},
			focus: { }, //just here to indicate we want a standard style mode
			blur: { } //just here to indicate we want a standard style mode
		},
		transparent: {
			
		},
		opaque: {
			_common_: { color: "255,255,255" }
		},
		rectangle: {
			_common_: { border:[1, "solid", "black"], color: "255,255,255" }
		},
		shadow: {
			_common_: { border: [3, "image", ["FieldShadow.png", 12, 12], 3], color: "255,255,255" }
		},
		scrolling: {
			type: 1,
			_common_: { border:[1, "solid", "black"], color: "255,255,255" }
		}
	},
    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."
    	}
	]
});