BLANK_IMAGE = ImagePath +  '/b.gif';

var NOSTYLE = {
	border:0,
	shadow:0,
	color:{
		border:"",
		shadow:"",
		bgON:"",
		bgOVER:""
	},
	css:{
		ON:"",
		OVER:""
	}
};

var STYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// 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 STYLE_Blue = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// 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:"#6a94e0",		// 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 STYLE_Red = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// 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:"#eb6048",		// 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 STYLE_Green = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:2,			// 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:"#4ed745",		// 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 = 55;
var SubMenuWidth = 175;
var SubMenuHeight = 27;

var MENU_ITEMS = [
	{pos:['relative'],itemoff:[0,154], leveloff:[0,154], style:NOSTYLE, size:[62,154]},
	{
		code:'<img src="'+ImagePath+'/Programs.jpg" width="154" height="62"  border="0" alt="Home" />',
		url: Path + "/programs.aspx",
		sub:[
					{leveloff:[SubMenuOffset,10], itemoff:[SubMenuHeight,0], style:STYLE_Blue, size:[SubMenuHeight,160]},
					
					{code:"Kindergarten Program", url: Path + "/programs/kindergarten-program.aspx"},
					{code:"Out of School Program",url: Path + "/programs/out-of-school-program.aspx"},
					{code:"Preschool Program", url: Path + "/programs/preschool.aspx"},
					{code:"Day Care", url: Path + "/programs/day-care.aspx"}
				]
	},
	{
		code:'<img src="'+ImagePath+'/Locations.jpg" width="156" height="62" border="0"  />',
		format:{ itemoff:[0,154], style:NOSTYLE, size:[62,156]}, 
		url: Path + "/Locations.aspx"		
		
	},
	{
		code:'<img src="'+ImagePath+'/AboutUs.jpg" width="157" height="62"  border="0" />',
		format:{itemoff:[0,156], style:NOSTYLE, size:[62,157]},
		url: Path + "/AboutUs.aspx",	
		sub:[
					{leveloff:[SubMenuOffset,10], itemoff:[SubMenuHeight,0], style:STYLE_Red, size:[SubMenuHeight,160]},
					{code:"Staff Qualifications", url: Path + "/about-us/staff-qualifications.aspx"},	
					{code:"Our Facility", url: Path + "/about-us/our-facility.aspx"},
					{code:"Careers", url: Path + "/about-us/careers.aspx"},
					{code:"Board Members", url: Path + "/about-us/board-members.aspx"},
					{code:"Fundraising", url: Path + "/about-us/fundraising.aspx"},
					{code:"Volunteer Opportunities", url: Path + "/about-us/volunteer-opportunities.aspx"}
					
				]
	},
	{
		code:'<img src="'+ImagePath+'/Resources.jpg" width="159" height="62" border="0" />',
		format:{itemoff:[0,157], style:NOSTYLE, size:[62,159]},
		url: Path + "/Resources.aspx",	
		sub:[
					{leveloff:[SubMenuOffset,10], itemoff:[SubMenuHeight,0], style:STYLE_Green, size:[SubMenuHeight,160]},
					{code:"FAQ", url: Path + "/resources/faq.aspx"},	
					{code:"Community Resources", url: Path + "/resources/community-resources.aspx"},	
					{code:"Links", url: Path + "/resources/links.aspx"}
				]
	},
	{
		code:'<img src="'+ImagePath+'/Contact.jpg" width="153" height="62"  border="0" />',
		format:{itemoff:[0,159], style:NOSTYLE, size:[62,153]},
		url: Path + "/Contact.aspx"
	}

]