//	nav
$(document).ready(function(){

	//	IE6: the Dick Cheney of web browsers; tell it to ignore the rest of the script:
	if ($.browser.msie && $.browser.version < 7)	return;

	var viewportWidth = $(window).width();
	//alert (viewportWidth);
	if (viewportWidth < 481) return;


	//	I invert the whole shebang: set opacity of anchor bg (= default/mouseout state) to FULL on page load
	$("#menu a").css("opacity","1");

	// on mouse over: animate opacity to 0, i.e., fade out anchor bg to reveal hover state (UL bg)
	$("#menu a").hover(function () {
		$(this).stop().animate({ opacity: 0 }, 246);
		},

	// on mouse out: animate opacity to FULL
	function () {
		$(this).stop().animate({ opacity: 1 }, 1110);
		});


	// external links = new window/tab

/*
	$(function() {
		$('a.external').attr('target','_blank');
	});
*/	

	$('a.external').click(function(){
		$(this).attr('target','_blank');
	});

//	$('a').attr('rel', 'external').click(function(){
//		$(this).attr('target','_blank');
//	});


});