var skinFolder = '/images/window/skins/hana/';

var colors = {
	'taskbar': { 'border': 'none', 'background': 'black' },
	'startmenu': { 'border': 'none', 'background': 'black' },
	'container': { 'border': 'none', 'background': 'white' },
	'window': {
		'background': 'transparent',
		'border': 'none',
		'title': 'none',
		'status': 'none'
	}
};

var skins = {
	window: {
		titlebar: {
			left: {
				'float': 'left',
				'display': 'block',
				'width': 25,
				'height': 83,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgTopLeft.png ) no-repeat top center'
			},
			middle: {
				'float': 'left',
				'display': 'block',
				'height': 83 + ( window.ie6 ? 0 : -35 ),
				'padding': 0,
				'padding-top': 35,
				'margin': 0,
				'color': 'black',
				'font-weight': 'bold',
				'background': 'url( ' + skinFolder + 'bgTop.png ) repeat-x top center'
			},
			right: {
				'float': 'left',
				'display': 'block',
				'width': 134,
				'height': 83,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgTopRight.png ) no-repeat top center'
			}
		},
		content: {
			left: {
				'float': 'left',
				'display': 'block',
				'width': 25,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgLeft.png ) repeat-y top center'
			},
			middle: {
				'float': 'left',
				'display': 'block',
				'padding': 3,
				'margin': 0,
				'overflow': 'auto',
				'background-color': 'white'
			},
			right: {
				'float': 'left',
				'display': 'block',
				'width': 25,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgRight.png ) repeat-y top center'
			}
		},
		statusbar: {
			left: {
				'float': 'left',
				'display': 'block',
				'width': 25,
				'height': 46,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgBottomLeft.png ) no-repeat bottom center'
			},
			middle: {
				'float': 'left',
				'display': 'block',
				'height': 46 + ( window.ie6 ? 16 : 0 ),
				'padding': 8,
				'margin': 0,
				'color': 'black',
				'background': 'url( ' + skinFolder + 'bgBottom.png ) repeat-x top center'
			},
			right: {
				'float': 'left',
				'display': 'block',
				'width': 50,
				'height': 46,
				'padding': 0,
				'margin': 0,
				'background': 'url( ' + skinFolder + 'bgBottomRight.png ) no-repeat bottom center'
			}
		},
		button: {
			'margin-top': 15,
			'margin-right': 18
		}	
	},
	taskbar: {
		'height': 27,
		'padding': 0,
		'margin': 0,
		'background': 'url( ' + skinFolder + 'taskbar.gif ) repeat-x center center'
	}
};

var windowSizeDiff = {
	titlebar: skins.window.titlebar.left.width + skins.window.titlebar.right.width + ( skins.window.titlebar.middle.padding * 2 ) + ( window.ie6 ? 4 : 0 ),
	content: skins.window.content.left.width + skins.window.content.right.width + ( skins.window.content.middle.padding * 2 ) - ( window.ie6 ? 2 : 0 ),
	statusbar: skins.window.statusbar.left.width + skins.window.statusbar.right.width + ( skins.window.statusbar.middle.padding * 2 ) - ( window.ie6 ? 12 : 0 )
};
var contentSizeDiff = skins.window.content.middle.padding * 2;

var buttonSettings = {
	event: true,
	position: 'right',
	zoomIn: { background: 'url( ' + skinFolder + 'btnZoomIn.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	zoomOut: { background: 'url( ' + skinFolder + 'btnZoomOut.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	minimize: { background: 'url( ' + skinFolder + 'btnMinimize.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	maximize: { background: 'url( ' + skinFolder + 'btnMaximize.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	resetSize: { background: 'url( ' + skinFolder + 'btnResetSize.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	close: { background: 'url( ' + skinFolder + 'btnClose.png ) no-repeat top center', width: 27, height: 17, margin: 0 },
	resize: { background: 'url( ' + skinFolder + 'btnResize.gif ) no-repeat top center', width: 10, height: 10, margin: '18px 15px 0 0' }
};

var startmenuSettings = {
	'position': 'absolute',
	'z-index': 9999999,
	'padding': '0 15px',
	'padding-top': 85,
	'width': 190 - ( window.ie6 ? 0 : 30 ),
	'height': 484 - ( window.ie6 ? 0 : 85 ),
	'background': 'url( ' + skinFolder + 'bgStartmenu.png ) no-repeat top center'
};

var taskButtonSettings = {
	left: {
		'float': 'left',
		'display': 'block',
		'width': 5,
		'height': 21,
		'padding': 0,
		'margin': 0,
		'margin-left': 2,
		'background': 'url( ' + skinFolder + 'bgTaskButtonLeft.gif ) no-repeat bottom center',
		'cursor': 'pointer'
	},
	middle: {
		'float': 'left',
		'display': 'block',
		'height': 21 + ( window.ie6 ? 6 : 0 ),
		'margin': 0,
		'padding': 3,
		'color': '#555',
		'font-size': '12px',
		'font-weight': 'bold',
		'background': 'url( ' + skinFolder + 'bgTaskButton.gif ) repeat-x top center',
		'cursor': 'pointer'
	},
	right: {
		'float': 'left',
		'display': 'block',
		'width': 6,
		'height': 21,
		'padding': 0,
		'margin': 0,
		'background': 'url( ' + skinFolder + 'bgTaskButtonRight.gif ) no-repeat bottom center',
		'cursor': 'pointer'
	}
};