BLANK_IMAGE = 'images/b.gif';

var STYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// item's shadow size, pixels; zero means "none"
	color:{
		border:"transparent",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"transparent",		// background color for the items
		bgOVER:"transparent"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"dynamicmenu",		// CSS class for items
		OVER:"dynamicmenu"	// CSS class  for item which is under mouse
	}
};

var STYLE2 = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// item's shadow size, pixels; zero means "none"
	color:{
		border:"black",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"#5C7F9D",		// background color for the items
		bgOVER:"#5C7F9D"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"dynamicsubmenu",		// CSS class for items
		OVER:"dynamicsubmenuover"	// CSS class  for item which is under mouse
	}
};

var MENU_ITEMS = [
	{pos:[27,-10], itemoff:[0,55], leveloff:[21,0], style:STYLE, size:[22,100]},
	{code:"Item 1",
		sub:[
			{itemoff:[21,0], style:STYLE2},
			{code:"SubItem 1"},
			{code:"SubItem 2"},
			{code:"SubItem 3"}
		]
	},
	{code:"Item 2",
		sub:[
			{itemoff:[21,0], style:STYLE2},
			{code:"SubItem 1"},
			{code:"SubItem 2"},
			{code:"SubItem 3"}
		]
	},
	{code:"Item 3",
		sub:[
			{itemoff:[21,0], style:STYLE2},
			{code:"SubItem 1"},
			{code:"SubItem 2"},
			{code:"SubItem 3"}
		]
	}
];