﻿if (document.getElementById && document.getElementsByTagName)
{
	var header = document.getElementById("Master_Header1_HeaderControl");
	var portfolio = document.getElementById("Portfolio");
	var portfolioSubmenu = document.getElementById("Master_Header1_PortfolioMenu");
	
	if (header)
	{
		var headerLinks = header.getElementsByTagName("A");
		var headerMenus = new Array();
		var pattern = /category(\d+)/gi;
		
		for (var i = 0; i < headerLinks.length; i++)
		{
			var link = headerLinks[i];
			var linkMatch = link.href.match(pattern);

			link.menu = null;
			link.menuSet = headerMenus;
			
			if (link.parentNode.parentNode.parentNode.className == "headerMenu")
			{
				if (linkMatch)
				{
					var menuID = link.href.match(pattern) + "Submenu";
					var menu = document.getElementById(menuID);
				
					if (menu)
					{
						link.menu = menu;
						link.menuSet.push(link.menu);
					
						link.onmouseover = function()
						{
							for (var j = 0; j < this.menuSet.length; j++)
							{
								this.menuSet[j].style.display = "none";
							}
							
							this.menu.style.display = "block";
						}
					}
				}
				else
				{
					link.onmouseover = function()
					{
						for (var j = 0; j < this.menuSet.length; j++)
						{
							this.menuSet[j].style.display = "none";
						}
					}
				}
			}
		}
	}
	
	if (portfolio && portfolioSubmenu)
	{
		var listItems = portfolio.getElementsByTagName("A");
		var menuItems = portfolioSubmenu.getElementsByTagName("A");
		
		for (var i = 0; i < listItems.length; i++)
		{
			var item = listItems[i];
			
			item.menuItems = new Array();
			
			for (var j = 0; j < menuItems.length; j++)
			{
				if (menuItems[j].href.indexOf(item.href) >= 0)
				{
					item.menuItems.push(menuItems[j]);
				}
			}

			if (item.menuItems.length > 0)
			{			
				item.onmouseover = function()
				{
					for (var i = 0; i < this.menuItems.length; i++)
					{
						this.menuItems[i].classNameOld = this.menuItems[i].className;
						this.menuItems[i].className = "activeHover";
					}
				}
				
				item.onmouseout = function()
				{
					for (var i = 0; i < this.menuItems.length; i++)
					{
						this.menuItems[i].className = this.menuItems[i].classNameOld;
					}
				}
			}
		}
	}
}


