function MenuItem(text, url)
{
	this.expanded = true;
	this.style = "menuitem";
	this.text = text;
	this.url = url;
}

function SubMenuItem(text, url)
{
	this.style = "submenuitem";
	this.text = text;
	this.url = url;
}

var menu = [
	new MenuItem("Le yoga", ""),
		new SubMenuItem("Une introduction", "introduction.html"),
		new SubMenuItem("Les formes principales", "forms.html"),
		new SubMenuItem("10 raisons pour<br>le pratiquer", "reasons.html"),
	new MenuItem("Les fondamentaux", ""),
		new SubMenuItem("La résonance", "resonance.html"),
		new SubMenuItem("Les centres de force", "chakras.html"),
		new SubMenuItem("Les NADIs", "nadis.html"),
	new MenuItem("Le centre", ""),
		new SubMenuItem("Le centre Shambala", "center.html"),
		new SubMenuItem("Une approche unique", "approach.html"),
		new SubMenuItem("Plan d'accès", "access.html"),
	new MenuItem("Le cours", ""),
		new SubMenuItem("Le concept", "concept.html"),
		new SubMenuItem("La mise en bouche", "preview.html"),
		new SubMenuItem("Les infos pratiques", "infos.html"),
	new MenuItem("Le coin lecture", "books.html"),
	new MenuItem("Contact", "contact.html")
];

function createMenu(menuItem, level)
{
	var menuHTML = "";
	var menuItem;
	
	for (var index = 0; index < menu.length; index++)
	{
		menuItem = menu[index];
		
		menuHTML += "<div class='" + menuItem.style + "' id='menuItem" + index + "' onclick='onMenuItemClick(" + index + ")'";
		if (menuItem.style == "submenuitem")
		{
			menuHTML += " onmouseout='onMenuItemMouseOut(this)' onmouseover='onMenuItemMouseOver(this)'";
		}
		if (menuItem.url)
		{
			menuHTML += ">" + menuItem.text + "</div>";
		}
		else
		{	
			menuHTML += ">" + menuItem.text + "   <img id='menuImage" + index + "' src='images/arrow.gif' style='visibility: hidden'></div>";
		}
	}

	document.getElementById("menu").innerHTML = menuHTML;
}

function collapseMenuItem(itemIndex)
{
	var menuItem;
	
	for (var index = itemIndex + 1; index < menu.length; index++)
	{
		menuItem = menu[index];
		
		if (menuItem.style == "menuitem")
		{
			return;
		}
		
		document.getElementById("menuItem" + index).style.display = "none";
	}
}

function expandMenuItem(itemIndex)
{
	var menuItem;
	
	for (var index = itemIndex + 1; index < menu.length; index++)
	{
		menuItem = menu[index];
		
		if (menuItem.style == "menuitem")
		{
			return;
		}
		
		document.getElementById("menuItem" + index).style.display = "block";
	}
}

function onMenuItemClick(itemIndex)
{
	try
	{
		var menuItem = menu[itemIndex];

		if (menuItem.url)
		{
			parent.content.location.href = menuItem.url;
			return;
		}		
		
		if (menuItem.expanded)
		{
			collapseMenuItem(itemIndex);
			document.getElementById("menuImage" + itemIndex).style.visibility = "visible";
			menuItem.expanded = false;
		}
		else
		{
			expandMenuItem(itemIndex);
			document.getElementById("menuImage" + itemIndex).style.visibility = "hidden";
			menuItem.expanded = true;
		}
	}
	catch(e)
	{
	}
}

function onMenuItemMouseOut(menuItem)
{
	try
	{
		menuItem.className = "submenuitem";
	}
	catch(e)
	{
	}
}

function onMenuItemMouseOver(menuItem)
{
	try
	{
		menuItem.className = "submenuitemhighlighted";
	}
	catch(e)
	{
	}
}

function getSearchData()
{
	var results = new Object();
	
	if (location.search.substr)
	{
		var input = unescape(location.search.substr(1));
		if (input)
		{
			var searchArray = input.split("&");
			var tempArray = new Array();
			for (var index = 0; index < searchArray.length; index++)
			{
				tempArray = searchArray[index].split("=");
				results[tempArray[0]] = tempArray[1];
			}
		}
	}
	
	return results;
}

function loadFrame()
{
	if (location.search)
	{
		var searchArray = getSearchData();
		
		if (searchArray["content"])
		{
			self.content.location.href = searchArray["content"] + ".html";
		}
	}
}

function loadFrameSet(content)
{
	var isNav4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4));
	
	if (parent == window)
	{
		if (!isNav4 || (isNav4 && (window.innerWidth != 0)))
		{
			if (location.replace)
			{
				location.replace("index.html?content=" + content);
			}
			else
			{
				location.href = "index.html?content=" + content;
			}
		}
	}
}