var _menu_pos = [-17, 3];
var World_Of_SABIS_Menu, School_Academics_Menu, Admission_Procedures_Menu, UAE_Schools_Menu;


function GenerateMenus(_menu_path)
{
	if(!sabis.menus)
		sabis.menus = {};
		
	var menuArray = [
		{
			text: "History/Achievements",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/", sabis.vroot, _menu_path)
		},
		{
			text: "Campus Facilities",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/Campus_Facilities.aspx", sabis.vroot, _menu_path)
		},
		{
			text: "School Events",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/School_Events.aspx", sabis.vroot, _menu_path)
		},
		{
			text: "Campus Activities",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/Campus_Activities.aspx", sabis.vroot, _menu_path)
		},
		{
			text: "Sports",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/Sports.aspx", sabis.vroot, _menu_path)
		}
	];
	if(_menu_path == "Ras_Al_Khaimah")
	{
		menuArray.push({
			text: "Picture Gallery",
			href: String.format("{0}/Pages/Schools/{1}/Our_School/picture-gallery.aspx", sabis.vroot, _menu_path)
		});
	}
	if(_menu_path.indexOf("Dubai") >= 0)
	{
		menuArray.push({
				text: "SLO Newsletter",
				href: String.format("{0}/Pages/Schools/{1}/Our_School/SLONewsletter.aspx", sabis.vroot, _menu_path)
		});
	}
	sabis.menus[_menu_path + "_Our_School_Menu"] = new Ext.menu.Menu({
		width: 155,
		items: menuArray,
		shadow: false
	});
	
	sabis.menus[_menu_path + "Btn"] = Ext.get(_menu_path + "_Our_School");
	if(sabis.menus[_menu_path + "Btn"])
	{
		sabis.menus[_menu_path + "Btn"].on("mouseover", function(){
			if(sabis.menus[_menu_path + "_Our_School_Menu"].isVisible())
				return;
			with(sabis.menus[_menu_path + "_Our_School_Menu"])
			{
				show(sabis.menus[_menu_path + "Btn"]);
				getEl().alignTo(sabis.menus[_menu_path + "Btn"], "bl", _menu_pos);
				getEl().slideIn();
			}
		});
	}
	sabis.menus[_menu_path] =  new Ext.menu.Menu({
		shadow: false,
		width: 150,
		items: [
			{
				text: _menu_path.replace(/_/g, " ") + " Home",
				href: String.format("{0}/Pages/Schools/{1}/", sabis.vroot, _menu_path)
			},
			{
			text: "School Calendar",
			href: "http://www.iscuae-sabis.net/pdf/UAE-Cal-09-10.pdf"
			},
			{
				text: "Our School",
				href: String.format("{0}/Pages/Schools/{1}/Our_School/", sabis.vroot, _menu_path),
				menu: sabis.menus[_menu_path + "_Our_School_Menu"]
			}/*,
			{
				text: "News",
				href: String.format("{0}/Pages/Schools/{1}/News.aspx", sabis.vroot, _menu_path)
			}*/,
			{
				text: "Contact Us",
				href: String.format("{0}/Pages/Schools/{1}/Contact_Us.aspx", sabis.vroot, _menu_path)
			}
		]
	});
	return sabis.menus[_menu_path];
}
function CreateSubMenu(domEl, menu)
{
	var sub = Ext.get(domEl);
	var ar = ["<ul>"];

	var loc = location.href.toLowerCase().replace(/\w*.aspx$/, "").split("/");

	Ext.each(menu.items.items, function(item, i, items)
	{
		var temp = item.href.toLowerCase().replace(/\w*.aspx$/, "").split("/");
		var current = item.menu? temp[temp.length-2] == loc[loc.length - 2]: 
			(location.href.toLowerCase().indexOf(item.href.toLowerCase()) + item.href.length == location.href.length);
		
		ar.push("<li class=\"{2}\"><a href=\"{0}\">{1}</a>".Format(item.href, 
			item.text, 
			(current? "current": "") + (item.menu? " sub": "")
			));
		if(item.menu)
		{
			ar.push("<ul class=sub>");
			Ext.each(item.menu.items.items, function(item, j, subitems)
			{
				ar.push("<li class=\"{2} {3}\"><a href=\"{0}\" class=\"{3}\">{1}</a>".Format(item.href, item.text,
					(j == subitems.length - 1 ? "last": j == 0 ? "first": ""),
					(location.href.toLowerCase().indexOf(item.href.toLowerCase()) + item.href.length == location.href.length ?
						"scurrent": "")
				));
			});
			ar.push("</ul>");
		}
		ar.push("</li>");
	});
	ar.push("</ul>");

	sub.dom.innerHTML = ar.join("");
}


	
sabis.AppendInit(function()
{
	var Duration = 1;
	Ext.BLANK_IMAGE_URL = sabis.vroot + "/images/t.gif";
	
	World_Of_SABIS_Menu = new Ext.menu.Menu({
		shadow: false,
		id: "World_Of_SABIS_Menu",
		items: [
			{
				text: "About SABIS<sup>&reg;</sup>",
				href: String.format("{0}/Pages/World_Of_SABIS/", sabis.vroot)
			},
			{
				text: "SABIS<sup>&reg;</sup> Educational System",
				href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/", sabis.vroot),
				menu:
				{
					width:230,
					items:[
					{
						text: "Planning and Preparing",
						href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/Planning_and_Preparing.aspx", sabis.vroot)
					},
					{
						text: "Teaching Methods",
						href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/Teaching_Methods.aspx", sabis.vroot)
					},
					{
						text: "Testing and Monitoring",
						href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/Testing_and_Monitoring.aspx", sabis.vroot)
					},
					{
						text: "Follow-Up",
						href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/Follow_Up.aspx", sabis.vroot)
					},
					{
						text: "SABIS Student Life Organization<sup>&reg;</sup>",
						href: String.format("{0}/Pages/World_Of_SABIS/SABIS_Educational_System/SLO.aspx", sabis.vroot)
					}
					]
				}
			},
			{
				text: "SABIS<sup>&reg;</sup> School Network",
				href: String.format("{0}/SABIS_School_Network.aspx", sabis.vroot)
			}
		],
		width:200
	});
	var World_of_SABISBtn = Ext.get("World_of_Sabis");
	World_of_SABISBtn.on("mouseover", function(){
		if(World_Of_SABIS_Menu.isVisible())
			return;
		with(World_Of_SABIS_Menu)
		{
			show(World_of_SABISBtn);
			getEl().alignTo(World_of_SABISBtn, "bl", _menu_pos);
			getEl().slideIn();
		}
	});
	School_Academics_Menu = new Ext.menu.Menu({
		shadow: false,
		id: "School_Academics_Menu",
		items: [
			{
				text: "Approach to Education",
				href: String.format("{0}/Pages/School_Academics/Approach_to_Education/", sabis.vroot),
				menu:
				{
					width:160,
					items:[
						{
							text: "Educational System",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/Educational_System.aspx", sabis.vroot)
						},
						{
							text: "Syllabus",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/Syllabus.aspx", sabis.vroot)
						},
						{
							text: "Class Teaching",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/Class_Teaching.aspx", sabis.vroot)
						},
						{
							text: "Student Follow-Up",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/Student_Follow_Up.aspx", sabis.vroot)
						},
						{
							text: "Learning Process",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/Learning_Process.aspx", sabis.vroot)
						},
						{
							text: "SABIS<sup>&reg;</sup> SLO&trade;",
							href: String.format("{0}/Pages/School_Academics/Approach_to_Education/SLO.aspx", sabis.vroot)
						}
					]
				}
			},
			{
				text: "Curriculum Overview",
				href: String.format("{0}/Pages/School_Academics/Curriculum_Overview.aspx", sabis.vroot)
			},
			{
				text: "Academic Goals",
				href: String.format("{0}/Pages/School_Academics/Academic_Goals.aspx", sabis.vroot)
			},
			{
				text: "Parents' Update",
				href: String.format("{0}/Pages/School_Academics/Parents_Update.aspx", sabis.vroot)
			},
			{
				text: "Special Academic Support",
				href: String.format("{0}/Pages/School_Academics/Special_Academic_Support.aspx", sabis.vroot)
			}
		],
		width:190
	});
	var School_AcademicsBtn = Ext.get("School_Academics");
	School_AcademicsBtn.on("mouseover", function(){
		if(School_Academics_Menu.isVisible())
			return;
		with(School_Academics_Menu)
		{
			show(School_AcademicsBtn);
			getEl().alignTo(School_AcademicsBtn, "bl", _menu_pos);
			getEl().slideIn();
		}
	});
	
	Admission_Procedures_Menu = new Ext.menu.Menu({
		shadow: false,
		id: "Admission_Procedures_Menu",
		items: [
			{
				text: "Admissions Policy",
				href: String.format("{0}/Pages/Admission_Procedures/Admissions_Policy.aspx", sabis.vroot)
			},
			{
				text: "Admissions Process",
				href: String.format("{0}/Pages/Admission_Procedures/Admissions_Process.aspx", sabis.vroot)
			},
			{
				text: "Application Forms",
				href: String.format("{0}/Pages/Admission_Procedures/Application_Forms.aspx", sabis.vroot)
			},
			{
				text: "Diagnostic Tests",
				href: String.format("{0}/Pages/Admission_Procedures/Diagnostic_Tests.aspx", sabis.vroot)
			},
			{
				text: "Registration",
				href: String.format("{0}/Pages/Admission_Procedures/Registration.aspx", sabis.vroot)
			},
			{
				text: "Transfer from ISC",
				href: String.format("{0}/Pages/Admission_Procedures/Transfer_from_ISC.aspx", sabis.vroot)
			}
		],
		width:180
	});
	var Admission_ProceduresBtn = Ext.get("Admission_Procedures");
	Admission_ProceduresBtn.on("mouseover", function(){
		if(Admission_Procedures_Menu.isVisible())
			return;
		with(Admission_Procedures_Menu)
		{
			show(Admission_ProceduresBtn);
			getEl().alignTo(Admission_ProceduresBtn, "bl", _menu_pos);
			getEl().slideIn();
		}
	});
	UAE_Schools_Menu = new Ext.menu.Menu({
		shadow: false,
		width:150,
		items: [
			{
				text: "Abu Dhabi",
				href: String.format("{0}/Pages/Schools/Abu_Dhabi/", sabis.vroot),
				menu: GenerateMenus("Abu_Dhabi")
			},
			{
				text: "Al Ain",
				href: String.format("{0}/Pages/Schools/Al_Ain/", sabis.vroot),
				menu: GenerateMenus("Al_Ain")
			},{
				text: "Dubai",
				href: String.format("{0}/Pages/Schools/Dubai/", sabis.vroot),
				menu: GenerateMenus("Dubai")
			},{
				text: "Ras Al Khaimah",
				href: String.format("{0}/Pages/Schools/Ras_Al_Khaimah/", sabis.vroot),
				menu: GenerateMenus("Ras_Al_Khaimah")
			},{
				text: "Ruwais",
				href: String.format("{0}/Pages/Schools/Ruwais/", sabis.vroot),
				menu: GenerateMenus("Ruwais")
			},{
				text: "Sharjah",
				href: String.format("{0}/Pages/Schools/Sharjah/", sabis.vroot),
				menu: GenerateMenus("Sharjah")
			},{
				text: "Umm Al Quwain",
				href: String.format("{0}/Pages/Schools/Umm_Al_Quwain/", sabis.vroot),
				menu: GenerateMenus("Umm_Al_Quwain")
			}
		]
	});
	var UAE_SchoolsBtn = Ext.get("UAE_Schools");
	if(UAE_SchoolsBtn)
	{
		UAE_SchoolsBtn.on("mouseover", function(){
			if(UAE_Schools_Menu.isVisible())
				return;
			with(UAE_Schools_Menu)
			{
				show(UAE_SchoolsBtn);
				getEl().alignTo(UAE_SchoolsBtn, "bl", _menu_pos);
				getEl().slideIn();
			}
		});
	}
sabis.mapmenus = [
	{text: "World of SABIS<sup>&reg;</sup>", menu: World_Of_SABIS_Menu},
	{text: "School Academics", menu: School_Academics_Menu},
	{text: "Admission Procedures", menu: Admission_Procedures_Menu},
	{text: "UAE Schools", menu: UAE_Schools_Menu}
];

});