﻿function initMenu()
{
 	var node_div = document.getElementById("nav");
	if (node_div) {
		var nodes = node_div.getElementsByTagName("li");
		for (var i=0; i<nodes.length; i++)
		{
			nodes[i].onmouseover = function()
			{
				this.className += " hover";
			}
			nodes[i].onmouseout = function()
			{
				this.className = this.className.replace(" hover", "");
			}
		}
	}
}
if (document.all && !window.opera) attachEvent("onload", initMenu);

function menuActive()
{
	var node_div = document.getElementById("nav");
	if (node_div) {
		var nodes = node_div.getElementsByTagName("li");
		var url = document.URL;
	
		//set them all to empty
		nodes.item(0).className = "";
		nodes.item(2).className = "";
		nodes.item(3).className = "";
		nodes.item(4).className = "";
		nodes.item(5).className = "";
		
		//set one to active
	    if(url.toLowerCase().indexOf("/profile/") != -1)
	    {
	        nodes.item(0).className = "active";
	    }
	    if(url.toLowerCase().indexOf("/our-work/") != -1)
	    {
	       nodes.item(2).className = "active";
	    }
	    if(url.toLowerCase().indexOf("/web-design-methodology") != -1)
	    {
	       nodes.item(3).className = "active";
	    }
	    if(url.toLowerCase().indexOf("/technology") != -1)
	    {
	        nodes.item(4).className = "active";
	    }
	    if(url.toLowerCase().indexOf("/contact") != -1)
	    {
	        nodes.item(5).className = "active";
	    }
	}
}

if (window.addEventListener)
	window.addEventListener("load", menuActive, false);
else if (window.attachEvent)
	window.attachEvent("onload", menuActive);
	
function blogMenuActive()
{
    var node_div = document.getElementById("navBlog");
	if (node_div) 
	{
		var nodes = node_div.getElementsByTagName("li");
		var url = document.URL;
	
		//set them all to empty
		nodes.item(0).className = "";
		nodes.item(1).className = "";
		nodes.item(2).className = "";
		nodes.item(3).className = "";
		nodes.item(4).className = "";
		nodes.item(5).className = "";
		nodes.item(6).className = "";
		
		//set one to active
	    if(url.toLowerCase().indexOf("/blog/about.aspx") != -1)
	    {
	        nodes.item(1).className = "active";
	    }
	    else
	    {
	        var indextag = url.toLowerCase().indexOf("?tag=");

	        if(indextag != -1)
	        {
	            var tag = url.toLowerCase().substring(indextag+5);
                nodes.item((tag*1)+1).className = "active";
            }
            else
            {
                nodes.item(0).className = "active";
            }
	    }
	}
}

if (window.addEventListener)
	window.addEventListener("load", blogMenuActive, false);
else if (window.attachEvent)
	window.attachEvent("onload", blogMenuActive);