BLANK_IMAGE="menu_images/blank3.gif";
//style for Main Items
var ITEM_STYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:0,			// item's shadow size, pixels; zero means "none"
	color:{
		border:"#317394",	// color of the item border, if any
		shadow:"#DBD8D1",	// color of the item shadow, if any
		bgON:"#083963",		// background color for the items
		bgOVER:"#083963"	// 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
	}
};
//style for SUB ITEMS
var SUB_ITEM_STYLE = {
	border:1,			// item's border width, pixels; zero means "none"
	shadow:0,			// item's shadow size, pixels; zero means "none"
	color:{
		border:"#317394",	// color of the item border, if any
		shadow:"#DBD8D1",	// color of the item shadow, if any
		bgON:"#083963",		// background color for the items
		bgOVER:"#083963"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"SUBclsCMOn",		// CSS class for items
		OVER:"SUBclsCMOver"	// CSS class  for item which is under mouse
	}
};

//leveloff is the distance between top left corner of item and submenu
//itemoff is the distance between top left corners
//first number is x then y  from top left corner
//to set the size of a sub use "format":{"size":[21,80]}, (use quotes) instead of just size:


var MENU_ITEMS_HOR1 = [
	{pos:[270,134], itemoff:[0,80], leveloff:[21,0], delay:100, size:[21,163], style:ITEM_STYLE},
	
	{code:"Home", "format":{"size":[21,80]}, url:"index.html",
		sub:[]
	},
	
	{code:"About", "format":{"size":[21,80]}, url:"about.html",
		sub:[]
	},
	
	{code:"Contact", "format":{"size":[21,80]}, url:"contact.html",
		sub:[]
	},
	
	
	//"format":{"size":[21,163]},
	{code:"Products", "format":{"size":[21,163]},
		sub:[
		
		
		
			{itemoff:[21,0]},
			{code:"Grade 2-3", "url":"grade2_3.html"},
			{code:"Grade 4-5", "url":"grade4_5.html"},
			{code:"Grade 6", "url":"grade6.html"},
			{code:"Grade 7-8", "url":"grade7_8.html"},
			{code:"Teaching Guides Order Information", "format":{"size":[38,163]}, "url":"modules.html"},
			{code:"Corporate Workshops", "format":{"itemoff":[38,0]},"url":"corporate_info.html"},
			{code:"Drawing & Painting", "format":{"itemoff":[21,0]}, "format":{"size":[21,163]},"url":"studio_courses.html"}
			
		]
	}
	
	//{code:"Workshops & Courses", "format":{"size":[40,250]}, "format":{"itemoff":[0,163]}, url:"",
		//sub:[
		
		//"format":{"itemoff":[0,163]},"format":{"size":[21,170]},
			//note: sub has separate style
			//{itemoff:[21,0]},
			//{code:"Corporate Instruction", "url":"corporate_info.html"},
			//{code:"Corporate Workshops", "url":"corporate_workshops.html"}
			
		//]
	//}
	
//{code:"Grade Focus", "format":{"itemoff":[0,163]}, url:"",
		//sub:[
		
			
			//note: sub has separate style
			
			
		 
		    //{itemoff:[21,0]},
			//{code:"Grade 2-3", "url":"grade2_3.html"},
			//{code:"Grade 4-5", "url":"grade4_5.html"},
			//{code:"Grade 6", "url":"grade6.html"},
			//{code:"Grade 7-8", "url":"grade7_8.html"},
			//{code:"Order Information", "url":"modules.html"}
			
			//]
	//}
	
	
	//notice how the sub uses a different way of setting size than main -"format"
	//{code:"Item 2", "format":{"size":[21,80]}, url:"item2.html",
		//sub:[
			//{itemoff:[21,0]},
			//{code:"SubItem 1", "url":"subitem2_1.html"},
			//{code:"SubItem 2", "url":"subitem2_2.html"},
			//{code:"SubItem 3", "url":"subitem2_3.html"},
			//{code:"SubItem 4", "url":"subitem2_4.html"}
		//]
	//},
	//{code:"Item 3", "format":{"size":[30,121]}, url:"item3.html",
		//sub:[
			//{itemoff:[21,0]},
			//{code:"SubItem 1", "url":"subitem2_1.html"},
			//{code:"SubItem 2", "url":"subitem2_2.html"},
			//{code:"SubItem 3", "url":"subitem2_3.html"},
			//{code:"SubItem 4", "url":"subitem2_4.html"}
		//]
	//}
];
