﻿function initMenu()
{
	var node_div = document.getElementById("nav");
	var _item = document.getElementById("box");
	if (node_div) {
		var nodes = node_div.getElementsByTagName("li");
		var _itemLink = _item.getElementsByTagName("a");
		for (var i=0; i<nodes.length; i++)
		{
			nodes[i].onmouseover = function()
			{
				if (this==document.getElementById("faq")) {document.getElementById("faqi").className += " hover";}
				if (this==document.getElementById("gallery")) {document.getElementById("galleryi").className += " hover";}
				if (this==document.getElementById("services")) {document.getElementById("servicesi").className += " hover";}
				if (this==document.getElementById("about")) {document.getElementById("abouti").className += " hover";}
				if (this==document.getElementById("blog")) {document.getElementById("blogi").className += " hover";}
				if (this==document.getElementById("contact")) {document.getElementById("contacti").className += " hover";}
				
			}
			nodes[i].onmouseout = function()
			{
				for (var i=0; i<nodes.length-2; i++) {
					_itemLink[i].className = this.className.replace(" hover", "");
				}
			}
		}
	};
	if (_item) {
		var nodes = node_div.getElementsByTagName("li");
		var _itemLink = _item.getElementsByTagName("a");
		for (var i=0; i<_itemLink.length; i++)
		{
			_itemLink[i].onmouseover = function()
			{
				if (this==document.getElementById("faqi")) {document.getElementById("faq").className += " active";}
				if (this==document.getElementById("galleryi")) {document.getElementById("gallery").className += " active";}
				if (this==document.getElementById("servicesi")) {document.getElementById("services").className += " active";}
				if (this==document.getElementById("abouti")) {document.getElementById("about").className += " active";}
				if (this==document.getElementById("blogi")) {document.getElementById("blog").className += " active";}
				if (this==document.getElementById("contacti")) {document.getElementById("contact").className += " active";}
				
			}
			_itemLink[i].onmouseout = function()
			{
				for (var i=0; i<nodes.length; i++) {
					nodes[i].className = this.className.replace(" active", "");
				}
				nodes[0].className += " active";
			}
		}
	};
}
if (window.addEventListener) window.addEventListener("load", initMenu, false);
else if (window.attachEvent) window.attachEvent("onload", initMenu);