var fadeInTimers = new Array();

var itemWidth = 200;

var topics=new Array();
topics[0]="students";
topics[1]="prospectives";
topics[2]="alumni";
topics[3]="resources";
topics[4]="visitors";

function checkHoverForFadeOut(idName) {
	$('.navtable div#'+idName+' div.Menu').fadeOut('fast');	
} //checkHover

function checkHoverForFadeIn(idName) {
	$('.navtable div#'+idName+' div.Menu').fadeIn('fast');
		var parent = $('.navtable #'+idName);
		var me = parent.find('div.Menu');
		var parentLeft = parent.position().left;
		var parentWidth = parent.width();
		var screenWidth = $('.navtable').width();
		var targetLeft = 0.5 * (parentWidth - itemWidth);
		if (targetLeft + parentLeft + itemWidth > screenWidth) {
			targetLeft = screenWidth - itemWidth  - parentLeft;
		}
		me.css('left', targetLeft);
} //checkHover

$(document).ready(function() {
	$('.navtable div').hover(function() {
		fadeInTimers[this.id] = setTimeout(
			"checkHoverForFadeIn('"+this.id+"')",
			400);
	}, function() {
		// check to see if we are leaving a field in which we have set a fadeIn timer
		if (fadeInTimers[this.id]) {
			// we are leaving such a field, so remove the timer - don't fade in after we've left the field
			clearTimeout(fadeInTimers[this.id]);
		}
								
		setTimeout(
			"checkHoverForFadeOut('"+this.id+"')",
			400);
	});
	

	for (thisTopic in topics) {
		var parent = $('.navtable #'+topics[thisTopic]);
		parent.append($('.'+topics[thisTopic]+'_items').html());
		var me = parent.find('div.Menu');
		var parentLeft = parent.position().left;
		var parentWidth = parent.width();
		var screenWidth = $('.navtable').width();
		var targetLeft = 0.5 * (parentWidth - itemWidth);
		if (targetLeft + parentLeft + itemWidth > screenWidth) {
			targetLeft = screenWidth - itemWidth  - parentLeft;
		}
		me.css('left', targetLeft);
	}
});