BLANK_IMAGE = imagePath +'/spacer.gif';

var STYLE = {
	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:"",			// CSS class for items
		OVER:""			// CSS class  for item which is under mouse
	}
};
var color = {"border":0, "shadow":0};
var color2 = {"border":0, "shadow":0, bgON:"#8C8C8C", bgOVER:"#B2B2B2"};

var SubMenuTop = {ON:"clsSubMenuTop_On", OVER:"clsSubMenuTop_Over"};
var STYLE_SubMenuTop = {border:1, shadow:2, color:color, css:SubMenuTop};

var SubMenuBody = {ON:"clsSubMenuBody_On", OVER:"clsSubMenuBody_Over"};
var STYLE_SubMenuBody = {border:1, shadow:2, color:color2, css:SubMenuBody};

var SubMenuBottom = {ON:"clsSubMenuBottom_On", OVER:"clsSubMenuBottom_Over"};
var STYLE_SubMenuBottom = {border:1, shadow:2, color:color, css:SubMenuBottom};

var SUBSTYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:1,			// 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:"#97A7BD",		// background color for the items #AEBBCF
		bgOVER:"White"	// 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 SubMenuOffset = 32;
var SubMenuWidth = 175;
var SubMenuHeight = 27;

var MENU_ITEMS = [
	{pos:"relative", itemoff:[0,131], leveloff:[0,131], style:STYLE, size:[27,131]},
	{code:'<img src="'+ imagePath +'/banner2.jpg" width="131" height="27" />', url:null},
	{code:'<img src="'+ imagePath +'/home.jpg" width="65" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/homeover.jpg" width="65" height="27" alt="" border="0"/>',
	 "format":{"size":[27,65]},
	 url:"/"
	},
	{code:'<img src="'+ imagePath +'/about.jpg" width="63" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/aboutover.jpg" width="63" height="27" alt="" border="0"/>',
		"format":{"size":[27,63], itemoff:[0, 65]},
		url:"/about/about-parents-place.aspx",			
		sub:[
				{leveloff:[SubMenuOffset,-60], itemoff:[41,0], style:SUBSTYLE, size:[41,182]},
				{code:"About Parents' Place", url:"/about/about-parents-place.aspx", "format":{"style":STYLE_SubMenuTop}},
				{code:"Membership Information", url:"/about/membership-information.aspx", "format":{itemoff:[41,0],"style":STYLE_SubMenuBody}},
				{code:"Volunteering", url:"/about/volunteering.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},
				{code:"Employment", url:"/about/employment.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},
				{code:"Power of Caring", url:"/about/the-power-of-caring.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBottom}}
			]
	},
	{code:'<img src="'+ imagePath +'/programs.jpg" width="165" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/programsover.jpg" width="165" height="27" alt="" border="0"/>',
		"format":{"size":[27,165], itemoff:[0, 63]},
		url:"/programs.aspx",	
		sub:[
				{leveloff:[SubMenuOffset,-7], itemoff:[41,0], style:SUBSTYLE, size:[41,182]},
				{code:"Adult Courses", url:"/programs/adult-courses.aspx", "format":{"style":STYLE_SubMenuTop}},
				{code:"Children's Programs", url:"/programs/childrens-programs.aspx", "format":{itemoff:[41,0],"style":STYLE_SubMenuBody}},
				{code:"Child and Youth Courses", url:"/programs/child-youth-courses.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},
				{code:"Home Visitaion", url:"/programs/home-visitation.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},		
				{code:"Support Programs", url:"/programs/sup-programs.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},
				{code:"Room Rentals", url:"/programs/room-rentals.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBody}},
				{code:"Registration Information", url:"/programs/registration-information.aspx", "format":{itemoff:[25,0],"style":STYLE_SubMenuBottom}}
			]
	},
	{code:'<img src="'+ imagePath +'/resources.jpg" width="94" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/resourcesover.jpg" width="94" height="27" alt="" border="0"/>',
	 url:"/resources.aspx",	
		"format":{"size":[27,94], itemoff:[0, 165]}
	},
	{code:'<img src="'+ imagePath +'/links.jpg" width="54" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/linksover.jpg" width="54" height="27" alt="" border="0"/>',
	 url:"/links.aspx",	
		"format":{"size":[27,54], itemoff:[0, 94]}
	},
	{code:'<img src="'+ imagePath +'/contact.jpg" width="82" height="27" alt="" border="0"/>',
	 ocode:'<img src="'+ imagePath +'/contactover.jpg" width="82" height="27" alt="" border="0"/>',
	 url:"/contact.aspx",	
		"format":{"size":[27,82], itemoff:[0, 54]}
	},
	{code:'<img src="'+ imagePath +'/menuright.jpg" width="59" height="27" alt="" border="0"/>',
		"format":{"size":[27,59], itemoff:[0, 82]}
	}
	
];

