var navArray = [{links: ["About the Show", "Designers"], destinations: ["about2009.html", "designers.html"]}, {links:null}, {links: ["2008", "2007", "2006", "2005"], destinations: ["2008pics.html", "2007pics.html", "2006pics.html", "2005pics.html"]}, {links:null}, {links:null}];


function SubNav(nav){
	var self = this;
	
	this.construct = function() {
		nav.children(".navLinks").children("a").each(function(i) {
			$(this).mouseover(function() { 
				
				menuChange(nav, i);
			});
		});
		
		nav.children(".subNav").html("");
	}
	
	this.construct();
}

function menuChange(navObj, i) {
	var self = this;
	
	navObj.children(".subNav").fadeOut(200, function(){
		
		navObj.children(".subNav").html("");
		if(navArray[i].links) {
			$(navArray[i].links).each(function(j) {	
				navObj.children(".subNav").append("<a href='" + navArray[i].destinations[j] + "'>" + navArray[i].links[j] + "</a>");
			});
			navObj.children(".subNav").fadeIn(200);
		}
	});
}