/** PPK http://www.quirksmode.org/dom/getElementsByTagNames.html **/
function getElementsByTagNames(list,obj) {
	if (!obj) var obj = document;
	var tagNames = list.split(',');
	var resultArray = new Array();
	for (var i=0;i<tagNames.length;i++) {
		var tags = obj.getElementsByTagName(tagNames[i]);
		for (var j=0;j<tags.length;j++) {
			resultArray.push(tags[j]);
		}
	}
	var testNode = resultArray[0];
	if (!testNode) return [];
	if (testNode.sourceIndex) {
		resultArray.sort(function (a,b) {
				return a.sourceIndex - b.sourceIndex;
		});
	}
	else if (testNode.compareDocumentPosition) {
		resultArray.sort(function (a,b) {
				return 3 - (a.compareDocumentPosition(b) & 6);
		});
	}
	return resultArray;
}

function restoreGray()
{
	if(!navLiAboutSpan[0].id == 'true' || navLiAboutSpan[0].id == '')
	{
		navLiAboutSpan[0].style.backgroundColor = '#999999';
		navLiAboutAnchor[0].style.color = '#999999';
	}
	
	if(!navLiPortfolioSpan[0].id == 'true' || navLiPortfolioSpan[0].id == '')
	{
		navLiPortfolioSpan[0].style.backgroundColor = '#999999';
		navLiPortfolioAnchor[0].style.color = '#999999';
	}
	
	if(!navLiContactSpan[0].id == 'true' || navLiContactSpan[0].id == '')
	{
		navLiContactSpan[0].style.backgroundColor = '#999999';
		navLiContactAnchor[0].style.color = '#999999';
	}
	
	if(!navLiLinksSpan[0].id == 'true' || navLiLinksSpan[0].id == '')
	{
		navLiLinksSpan[0].style.backgroundColor = '#999999';
		navLiLinksAnchor[0].style.color = '#999999';
	}
}

function LinksRollOvers()
{
	navLiAboutAnchor = getElementsByTagNames('a', document.getElementById('nav_list_about'));
	navLiAboutSpan = getElementsByTagNames('span', document.getElementById('nav_list_about'));
	addEvent(navLiAboutAnchor[0], 'mouseover', function() {
		navLiAboutSpan[0].style.backgroundColor = '#0066CC';
		navLiAboutAnchor[0].style.color = '#0066CC';
	});
	addEvent(navLiAboutAnchor[0], 'mouseout', restoreGray);
	
	navLiPortfolioAnchor = getElementsByTagNames('a', document.getElementById('nav_list_portfolio'));
	navLiPortfolioSpan = getElementsByTagNames('span', document.getElementById('nav_list_portfolio'));
	addEvent(navLiPortfolioAnchor[0], 'mouseover', function() {
		navLiPortfolioSpan[0].style.backgroundColor = '#cc33cc';
		navLiPortfolioAnchor[0].style.color = '#cc33cc';
	});
	addEvent(navLiPortfolioAnchor[0], 'mouseout', restoreGray);
	
	navLiContactAnchor = getElementsByTagNames('a', document.getElementById('nav_list_contact'));
	navLiContactSpan = getElementsByTagNames('span', document.getElementById('nav_list_contact'));
	addEvent(navLiContactAnchor[0], 'mouseover', function() {
		navLiContactSpan[0].style.backgroundColor = '#33cc33';
		navLiContactAnchor[0].style.color = '#33cc33';
	});
	addEvent(navLiContactAnchor[0], 'mouseout', restoreGray);
	
	navLiLinksAnchor = getElementsByTagNames('a', document.getElementById('nav_list_links'));
	navLiLinksSpan = getElementsByTagNames('span', document.getElementById('nav_list_links'));
	addEvent(navLiLinksAnchor[0], 'mouseover', function() {
		navLiLinksSpan[0].style.backgroundColor = '#ff0099';
		navLiLinksAnchor[0].style.color = '#ff0099';
	});
	addEvent(navLiLinksAnchor[0], 'mouseout', restoreGray);
}

addEvent(window, 'load', LinksRollOvers);