// Prefix to find images and subpages
prefix = '/';

//keywords
var code="code";var url="url";var sub="sub"; var format="format";
lastOffset = 0;

//styles
var topcss = {"ON":"clsCMTopOn", "OVER":"clsCMTopOver"};
var topcss_active = {"ON":"clsCMTopOver", "OVER":"clsCMTopOver"};
var sepcss = {"ON":"clsCMSepOn", "OVER":"clsCMSepOn"};
var subcss = {"ON":"clsCMSubOn", "OVER":"clsCMSubOver"};

var colortop = {};
var colortop_active = {};
var colorsub = {"border":"#D6D6D6", "bgON":"#FFFFFF", "bgOVER":"#EFEFEF"};
var colorsep = {};

// Toplevel
TOP = {"border":0, "shadow":0, "color":colortop, "css":topcss};
TOP_ACTIVE = {"border":0, "shadow":0, "color":colortop_active, "css":topcss_active};
SEP = {"border":0, "shadow":0, "color":colorsep, "css":sepcss};


function seperator() {
	return {code:'', url:'', format:{"style":SEP, "size":[3,3], "itemoff":[0,lastOffset]}};
}


function topItem(title, url, width) {
	topMenuPoint(title, url, width, null);
}

function topItem(title, url, width, subMenu, first) {
	return  {
		"code":title,
		"url":url,
		"format":topformat(width,url,first),
		"sub":subMenu
	}
}


function topformat(width,url,first) {
	padding = 12;
	
	lastOffset = width+padding-2;
	style = TOP;
	
	if(url != null && window.location.pathname.substring(0,url.length) == url) {
		style = TOP_ACTIVE;
	}

	return {"style":style, "itemoff":[0,first?0:3], "size":[19,width+padding]};
}


// Second Level
var SUB = {"border":1, "borders":[0,0,0,1], "shadow":0, "color":colorsub, "css":subcss, "bgON":"#FFFFFF","bgOVER":"#EFEFEF"};

var MENU_ITEMS = [
	{"pos":"relative", "size":[19,70], "itemoff":[0,100], "leveloff":[0,0], "arrsize":[0,0], "style":TOP},

	// {code:"DIE SCHULE", url:prefix+"d/schule/", "format":{"style":TOP, "itemoff":[0,0], "size":[19,lastOffset=66]},

	topItem("SCHULE", prefix+"d/schule/", 48, 
        [
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[21,-19], "style":SUB},
            {code:"Konzept", url:prefix+"d/schule/konzept.html"},
			{code:"Ausbildung", url:prefix+"d/schule/ausbildung.html"},
            {code:"Einrichtungen", url:prefix+"d/schule/gelaende.html", "format":{"style":SUB}},
			{code:"Schüleraustausch", url:prefix+"d/schule/schueleraustausch.html", "format":{"style":SUB}},
		],
		true
	),
	seperator(),
	topItem("HOTEL", prefix+"d/hotel/", 40,
		[
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[19,-19], "style":SUB},
			{code:"Lodge", url:prefix+"d/hotel/index.html"},
			{code:"Restaurant", url:prefix+"d/hotel/restaurant.html", "format":{"style":SUB}},
		]
	),
	seperator(),	
	topItem("PHANG NGA",prefix+"d/ban_kapong/", 68,
		[
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[19,-19], "style":SUB},
			{code:"Provinz", url:prefix+"d/ban_kapong/index.html"},
			{code:"Kapong", url:prefix+"d/ban_kapong/kapong.html", "format":{"style":SUB}},
		]
	),
	seperator(),
	topItem("FOTOGALERIE", prefix+"d/fotogalerie/", 78),
	seperator(),
	topItem("PATENSCHAFTEN / SPENDEN", prefix+"d/patenschaften/", 148,
		[
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[19,-19], "style":SUB},
			{code:"Das Konzept", url:prefix+"d/patenschaften/konzept.html"},
			{code:"Wie werde ich Pate?", url:prefix+"d/patenschaften/wie.html"},
			{code:"Spender und Partner", url:prefix+"d/patenschaften/spender_u_partner.html"},
			{code:"Partner werden!", url:prefix+"d/patenschaften/partner.html"},
			{code:"Spender werden!", url:prefix+"d/patenschaften/spender.html"},
			{code:"Online spenden", url:prefix+"d/patenschaften/online_spende.html", "format":{"style":SUB}},
		]
	),
	seperator(),	
	topItem("DOWNLOADS", prefix+"d/downloads/", 72),
	seperator(),		
	topItem("STIFTUNGEN", prefix+"d/stiftung/", 68),
	seperator(),
	topItem("FRAGEN & ANTWORTEN", prefix+"d/faq/", 125),
];