function menu_control(settings) {
	
	this.menuTracker = new Object;
	this.stopWatch = 0;
	
	this.startMenu = settings["startMenu"];
	this.menuOverColor = settings["menuOverColor"];
	this.menuFadeTime = settings["menuFadeTime"];
	
	this.init_nav = function(obj) {
		mainNav = "td#" + this.startMenu;
		subNav = "div." + this.startMenu;
		$(mainNav).css({ 'background-color' : this.menuOverColor});
		$(subNav).css({'display' : 'block'});
		this.menuTracker.on = this.startMenu;
	}
	
	this.activate_nav = function(obj) {
		clearTimeout(this.stopWatch);
		this.deactivate();
		var objID = obj.attr('id');
		this.menuTracker.on = objID;
		obj.css({ 'background-color' : this.menuOverColor});
		var navClassName = "div." + obj.attr('id');
		$(navClassName).css({'display' : 'block'});
	}
	
	this.deactivate = function() {
		mainNav = "td#" + this.menuTracker.on;
		subNav = "div." + this.menuTracker.on;
		$(mainNav).css({ 'background' : 'none'});
		$(subNav).css({'display' : 'none'});
	}
	
	this.restore_nav = function() {
		this.deactivate();
		this.init_nav();
	}
	
	this.toggle_off = function() {
		var _this = this;
		this.stopWatch = setTimeout(function() {_this.restore_nav();}, this.menuFadeTime);
	}
	
	this.keep_on = function() {
		clearTimeout(this.stopWatch);
	}
	
}



$(document).ready(function(){
						   
	var mc = new menu_control(menu_settings);
	mc.init_nav();
									  
	$("div#main-nav table td").hover(function() { //Hover over event on list item
		mc.activate_nav($(this));
	}, function() { //on hover out...
        mc.toggle_off();
	});
	
	$("div#secondary-nav div").hover(function() {
		mc.keep_on($(this));
	}, function() { //on hover out...
		mc.toggle_off();
	});
	
});