function navigation_over(index) {
	var obj = document.getElementById('barfg_'+index);
	obj.style.backgroundColor='#FFFFFF';

	var obj = document.getElementById('link_'+index);
	obj.style.color='#000000';

	document.getElementById('bar0_'+index).className='bar_white';
	document.getElementById('bar1_'+index).className='bar1_white';
	document.getElementById('bar2_'+index).className='bar2_white';
	document.getElementById('bar3_'+index).className='bar3_white';
	document.getElementById('bar4_'+index).className='bar4_white';
	document.getElementById('bar5_'+index).className='bar5_white';

	document.getElementById('bar6_'+index).className='bar_white';
	document.getElementById('bar7_'+index).className='bar5_white';
	document.getElementById('bar8_'+index).className='bar4_white';
	document.getElementById('bar9_'+index).className='bar3_white';
	document.getElementById('bar10_'+index).className='bar2_white';
	document.getElementById('bar11_'+index).className='bar1_white';
}

function navigation_out(index) {
	var obj = document.getElementById('barfg_'+index);
	obj.style.backgroundColor='#ec7a33';

	var obj = document.getElementById('link_'+index).href.replace(/http:\/\/www.travisbeste.com/, "");
	if (hasLinkBeenVisited(obj)) {
		//alert("visted");
		var obj = document.getElementById('link_'+index);
		obj.style.color='lightgrey';
	} else {
		//alert("not visted");
		var obj = document.getElementById('link_'+index);
		obj.style.color='#ffffff';
	}


	document.getElementById('bar0_'+index).className='bar';
	document.getElementById('bar1_'+index).className='bar1';
	document.getElementById('bar2_'+index).className='bar2';
	document.getElementById('bar3_'+index).className='bar3';
	document.getElementById('bar4_'+index).className='bar4';
	document.getElementById('bar5_'+index).className='bar5';

	document.getElementById('bar6_'+index).className='bar';
	document.getElementById('bar7_'+index).className='bar5';
	document.getElementById('bar8_'+index).className='bar4';
	document.getElementById('bar9_'+index).className='bar3';
	document.getElementById('bar10_'+index).className='bar2';
	document.getElementById('bar11_'+index).className='bar1';
}

function hasLinkBeenVisited(url) {
	var link  = document.createElement('a');
	link.href = url;
	document.body.appendChild(link);
	if (link.currentStyle) {
		// IE
		var color = link.currentStyle.color;
		if (color == '#800080')
			return true;
		return false;
	} else {
		// FF
		link.setAttribute("href",url);
		var computed_style = document.defaultView.getComputedStyle( link, null );
		if (computed_style) {
			if (computed_style.color == 'rgb(85, 26, 139)')
				return true;
		}
		return false;
	}
}

// http://www.colorschemer.com/schemes/
// http://www.javascript-page.com/menumov.html