var active = 'nav_start';

$(document).ready(function() {
	$('#frontpage #navigation ul li a').bind('mouseover', function() {
		// disregard repeated mouseover's on the current frame
		if (this.id != active) {
			// hide frame 1 if we're mouseover any frame 2+
			$('div.nav_start_frame').hide();
			// fade out all other frames
			$('div.otherframe').hide();
			// fade in our current mouseover-ed frame
			$('div.' + this.id + "_frame").show();
			// record active frame
			active = this.id;
		}
	});
	
	$('#frontpage #navigation ul li a').bind('mouseout', function(e) {
		// mouseout is tricksy - it's also triggered on child nodes
		// see: http://www.quirksmode.org/js/events_mouse.html#mouseover
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
		if (reltg.nodeName != 'A' && reltg.nodeName != 'SPAN') {
			// show frame 1 if mouseout of all others
			$('div.nav_start_frame').show();
			// fade out the frame we just left
			$('div.otherframe').hide();
			active = 'nav_start';
		}
	});
});