BLANK_IMAGE = 'images/b.gif';

var STYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:0,			// item's shadow size, pixels; zero means "none"
	color:{
		border:"#666666",	// color of the item border, if any
		shadow:"#DBD8D1",	// color of the item shadow, if any
		bgON:"#ffffff",		// background color for the items
		bgOVER:"#275587"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn",		// CSS class for items
		OVER:"clsCMOver"	// CSS class  for item which is under mouse
	}
};

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

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

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

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

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

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

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

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

var MENU_ITEMS = [
	{pos:["relative"], itemoff:[0,182], leveloff:[41,0], size:[41,182]},
	{code:" ", size:[41,182], itemoff:[0,182], style:STYLE1, url:"index.php",
		sub:[
			{size:[41,166],itemoff:[41,0],leveloff:[41,16]},
			{code:"What's New", style:STYLE, url:"index.php?main_page=index&cPath=80"},
			{code:"Canvas Gallery", style:STYLE, url:"index.php"},
			{code:"Threads", style:STYLE, url:"../threads.php"},
			{code:"Accessories", style:STYLE, url:"index.php?main_page=index&cPath=2"},
			{code:"Books", style:STYLE, url:"index.php?main_page=index&cPath=13"},
			{code:"Specials", style:STYLE, url:"index.php?main_page=index&cPath=70"},
			{code:"Gift Certificates", style:STYLE, url:"index.php?main_page=index&cPath=81"},
			{code:"Home", style:STYLE, url:"../index.html"}
		]
	},
	{code:" ", size:[41, 123], style:STYLE2, url:"../trunkshows.php"},
	{code:" ", size:[41, 163], itemoff:[0,123], style:STYLE3, url:"../calendar.php",
		sub:[
			{size:[41,163],itemoff:[41,0]},
			{code:"Trunk Shows", style:STYLE, url:"../trunkshows.php"},
			{code:"Classes", style:STYLE, url:"../classes.php"},
			{code:"Special Events", style:STYLE, url:"../special_events.php"},
			{code:"Stitching Retreats", style:STYLE, url:"../stitching_retreats.php"}
		]
	},
	{code:" ", size:[41, 157], itemoff:[0,163], style:STYLE4, url:"../finishingservices.php"},
	{code:" ", size:[41, 98], itemoff:[0,157], style:STYLE5, url:"../about.php"},
	{code:" ", size:[41, 93], itemoff:[0,98], style:STYLE6, url:"../contact.php"},
	{code:" ", size:[41, 170], itemoff:[0,93], style:STYLE7, url:"#"}
	
];