// 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("THE SCHOOL", prefix+"e/schule/", 70, 
        [
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[21,-19], "style":SUB},
            {code:"Goals", url:prefix+"e/schule/konzept.html"},
			{code:"Education", url:prefix+"e/schule/ausbildung.html"},
            {code:"The School Grounds", url:prefix+"e/schule/gelaende.html", "format":{"style":SUB}},
            {code:"The Plantation", url:prefix+"e/schule/plantage.html", "format":{"style":SUB}},
            {code:"The Hotel", url:prefix+"e/schule/hotel.html", "format":{"style":SUB}},
			{code:"The Restaurant", url:prefix+"e/schule/restaurant.html", "format":{"style":SUB}},
			{code:"Student Exchange", url:prefix+"e/schule/schueleraustausch.html", "format":{"style":SUB}},
		],
		true
	),
	seperator(),	
	topItem("BAN KAPONG",prefix+"e/ban_kapong/", 76),
	seperator(),
	topItem("GALLERY", prefix+"e/fotogalerie/", 56),
	seperator(),
	topItem("CHILD SPONSORSHIP", prefix+"e/patenschaften/", 114,
		[
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[19,-19], "style":SUB},
			{code:"Concept of Child Sponsorship", url:prefix+"e/patenschaften/konzept.html"},
			{code:"How Do I Become a Sponsor?", url:prefix+"e/patenschaften/wie.html", "format":{"style":SUB}},
		]
	),
	seperator(),	
	topItem("DOWNLOADS", prefix+"e/downloads/", 76),
	seperator(),	
	topItem("DONORS AND PARTNERS", prefix+"e/spender/", 136,
		[
		 	{"size":[22,180], "itemoff":[22,0], "leveloff":[19,-19], "style":SUB},
            {code:"Become a Partner", url:prefix+"e/spender/partner.html"},
            {code:"Become a Donor", url:prefix+"e/spender/spender.html"},
			{code:"Donate online", url:prefix+"e/spender/online_spende.html", "format":{"style":SUB}},
		]
	),
	seperator(),	
	topItem("THE FOUNDATION", prefix+"e/stiftung/", 100),
	seperator(),
	topItem("FAQ", prefix+"e/faq/", 36),
];