$(document).ready(function(){
		$(".nav").children("li").each(function() {
			var current = "nav current-" + ($(this).attr("class"));
			var parentClass = $(".nav").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
			}
		});	
		attachNavEvents(".nav", "top");
		attachNavEvents(".nav", "vancouver");
		attachNavEvents(".nav", "calgary");
		attachNavEvents(".nav", "toronto");
		attachNavEvents(".nav", "tour");	
		function attachNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="nav-' + myClass + '"></div>');
				$("div.nav-" + myClass).css({display:"none"}).fadeIn(250);
			}).mouseout(function() {
				$("div.nav-" + myClass).fadeOut(250, function() {
					$(this).remove();
				});
			}).mousedown(function() {
				$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
			}).mouseup(function() {
				$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
			});
		}
	});

	$(document).ready(function(){
		$(".nav2").children("li").each(function() {
			var current = "nav current-" + ($(this).attr("class"));
			var parentClass = $(".nav2").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
			}
		});	
		attachNavEvents(".nav2", "vancouver2");
		attachNavEvents(".nav2", "calgary2");
		attachNavEvents(".nav2", "toronto2");
		attachNavEvents(".nav2", "tour2");	
		function attachNavEvents(parent, myClass) {
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="nav2-' + myClass + '"></div>');
				$("div.nav2-" + myClass).css({display:"none"}).fadeIn(350);
			}).mouseout(function() {
				$("div.nav2-" + myClass).fadeOut(300, function() {
					$(this).remove();
				});
			}).mousedown(function() {
				$("div.nav2-" + myClass).attr("class", "nav2-" + myClass + "-click");
			}).mouseup(function() {
				$("div.nav2-" + myClass + "-click").attr("class", "nav2-" + myClass);
			});
		}
	});