window.addEvent('load', function() {
		var links = $('navigation').getElementsByTagName("a");
		for (var i = 0; i < links.length; i++) {
			if (window.attachEvent) {
				links[i].attachEvent('onmouseover', function() { addLinkLine(event.srcElement); });
			} else {
				links[i].addEvent('mouseover', function() { addLinkLine(this); });
			}
		}
		technicalBrowsers();
	});
	
	function addLinkLine(link) {
		var dot = document.createElement("div");
		dot.className = 'hoverdot';
		dot.style.width = '5px';
		dot.style.height = '5px';
		if (link.tagName.toLowerCase() == "a") {
			link.appendChild(dot);
			var linkwidth = link.offsetWidth;
			if (link.href.indexOf("portfolio") != -1)
				linkwidth = linkwidth - 18;
			var fx = new Fx.Morph(dot, {'duration': 600});
			fx.set({'opacity': .5});
			fx.start({
				left: linkwidth
			}).chain(function() {
				dotParent = dot.parentNode;
				dotParent.removeChild(dot);
			});
		} else {
			addLinkLine(link.parentNode);
		}
	}
	
	function technicalBrowsers() {
		var browsers = $$('.browsers');
		for (var i = 0; i < browsers.length; i++) {
			var imgs = browsers[i].getElementsByTagName("img");
			for (var a = 0; a < imgs.length; a++) {
				if (window.attachEvent) {
					imgs[a].attachEvent("onmouseover", function() { hoverBrowser(event.srcElement); });
					imgs[a].attachEvent("onmouseout", function() { unhoverBrowser(); });
				} else {
					imgs[a].addEvent("mouseover", function() { hoverBrowser(this); });
					imgs[a].addEvent("mouseout", function() { unhoverBrowser(); });					
				}
			}
		}
	}
	
	function hoverBrowser(img) {
		var browsername = $$('.browsername');
		var bnbox = null;
		for (var a = 0; a < browsername.length; a++) {
			if (browsername[a].parentNode == img.parentNode)
				var bnbox = browsername[a];
		}
		if (bnbox != null) {
			bnbox.innerHTML = img.getAttribute("alt");
		}
	}
	
	function unhoverBrowser() {
		var browsername = $$('.browsername');
		for (var i = 0; i < browsername.length; i++)
			browsername[i].innerHTML = '';
	}