var siteMap = {
"products": {t: "Produkter", s: true, "sariTextiles" : "Sari textiler", "carpets" : "Mattor", "shawls" : "Sjalar", "jewellery" : "Smycken", "rugs" : "Plädar", "pillows" : "Kuddar", "others" : "Övrigt"},
"agencies": {t: "Agenturer", s: true, "connexions" : "Connexions", "ladak" : "Ladak", "ayalaBar" : "Ayala Bar"},
"contact" : {t: "Kontakt", s: false},
"reseller" : {t: "Återförsäljare", s: false},
"store" : {t: "Butik", s: false}};
				

function constructMenu ()
{
	if (!showMenu) return;
	
	var menu = $("div.menu");
	
	var menuRow = $("<tr/>").appendTo($("<table/>").attr("cellspacing", 0).attr("cellpadding", 0).addClass("menu").appendTo(menu));
	var buttons = new Array(); //Menu button objects
	var submenus = new Array(); //Submenu objects		
	
	var current; //Currently active sub menu
	var animSpeed = 200; //Animation step duration
	
	function show (name)
	{
		if (submenus[name] == null) return;
		
		
		//Hide currently showing sub menu
		if (current != null)
		{
			buttons[current].removeClass("active");
			
			submenus[current].clearQueue().animate({"top": 0, "opacity": 0}, animSpeed).queue(function() {
				$(this).css("visibility", "hidden");
			});
			
			buttons[current].clearQueue().delay(animSpeed / 2).animate({"paddingTop": 2}, animSpeed);
		}
		
		//Show the requested sub menu
		if (current != name)
		{
			current = name;
			
			buttons[current].addClass("active");
			buttons[current].clearQueue().animate({"paddingTop": 8}, animSpeed);
			submenus[current].css("visibility", "visible");
			submenus[current].css("opacity", 0);
			submenus[current].css("top", "0px");
			submenus[current].clearQueue().delay(animSpeed / 2).animate({"top": 21, "opacity": 1}, animSpeed);
		}
		else //If same sub menu
		{
			current = null;
		}
		
		return false;
	}
	
	//Build menu component
	for (var i in siteMap)
		buttons[i] = $("<a/>").html(siteMap[i]["t"]).appendTo($("<td/>").appendTo(menuRow));
	
	//Build sub menus
	for (var i in buttons) 
	{
		//Fix width
		buttons[i].parent().css("width", buttons[i].parent().width() + "px");
		
		if (siteMap[i]["s"])
		{	
			var smenu = $("<table/>").addClass("smenu").css("opacity", 0).appendTo(menu);
			var smenuRow = $("<tr/>").appendTo(smenu);
			
			for (var j in siteMap[i])
				if (j != "t" && j != "s")
					$("<a/>").attr("href", base + "/" + i + "/" + j).html(siteMap[i][j]).appendTo($("<td/>").appendTo(smenuRow));
			
			var offset = Math.floor(buttons[i].offset().left - menu.offset().left + (buttons[i].width() - smenu.width()) / 2);
			
			if(offset < 0)
				smenu.css("left", "-10px");
			else if(offset > menu.width() - smenu.width())
				smenu.css("right", "0px");
			else
				smenu.css("left", offset + "px");
			
			submenus[i] = smenu;
			buttons[i].attr("href", "#").attr("onClick", "return false;").attr("name", i).click(function() { show(this.name); return false; });
		}
		else
			buttons[i].attr("href", base + "/" + i);
	}
	
	if (submenus[file] != null)
	{
		current = file;
		buttons[file].addClass("active");
		buttons[file].css("paddingTop", "8px");
		submenus[file].css("opacity", 1);
		submenus[file].css("visibility", "visible");
		submenus[file].css("top", "21px");
		show(file);
	}
}


$(document).ready(function() 
{
	constructMenu();
});