BLANK_IMAGE = 'images/b.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:"#666666",	// color of the item border, if any
		//shadow:"#DBD8D1",	// color of the item shadow, if any
		//bgON:"white",		// background color for the items
		bgOVER:"#B6BDD2"	// 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 BOLD_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:"white",		// background color for the items
		bgOVER:"#B6BDD2"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn",		// CSS class for items
		OVER:"clsCMOverBold"	// CSS class  for item which is under mouse
	}
};

var ITALIC_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:"white",		// background color for the items
		bgOVER:"#B6BDD2"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn",		// CSS class for items
		OVER:"clsCMOverItalic"	// CSS class  for item which is under mouse
	}
};

var UNDERLINE_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:"white",		// background color for the items
		bgOVER:"#B6BDD2"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn",		// CSS class for items
		OVER:"clsCMOverUnderline"// CSS class  for item which is under mouse
	}
};

var COLORED_STYLE = {
	border:0,			// 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:"d6e6a0",		// background color for the items
		bgOVER:"#d6e6a0"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn",		// CSS class for items
		OVER:"clsCMOverColored"	// CSS class  for item which is under mouse
	}
};

var SUBCOLORED_STYLE = {
	border:0,			// 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:"#d6e6a0",		// background color for the items
		bgOVER:"#d6e6a0"	// background color for the item which is under mouse right now
	},
	css:{
		ON:"clsCMOn_sub",		// CSS class for items
		OVER:"clsCMOverColored_sub"	// CSS class  for item which is under mouse
	}
};

var MENU_ITEMS = [
	{pos:[0,0], itemoff:[0,115], leveloff:[25,0], style:COLORED_STYLE, size:[22,115]},
	{code:"Home", url:'index.htm'
	},
	{code:"Über uns", url:'ueber_uns.htm'
	},
	{code:"Bereiche", url:'',
		sub:[
			{itemoff:[21,0], size:[22,115], style:SUBCOLORED_STYLE}, 
			{code:"Wasser im Garten", url:'wasser.htm'
			},
			{code:"Gartenpflege", url:'pflege.htm'
			},
			{code:"Planung", url:'planung.htm'
                  },
			{code:"Mauer & Wegebau", url:'bau.htm'
			}
                ]
	},
	{code:"Detailverkauf", url:'verkauf.htm'
	},
	{code:"Fotogalerie", url:"javascript:void(window.open('fotogalerie', '_blank', 'top=80,left=150,width=1000,height=800,scrollbars=yes'))"
	},
	{code:"Termine", url:"javascript:void(window.open('termine.php', '_blank', 'top=80,left=150,width=400,height=500,scrollbars=no'))"
	},
	{code:"Kontakt", url:'kontakt.htm'
	}
];