$(function() {
	$("ul.level-1 li:not(.selected) ul.level-2").css("display", "none");
	$("ul.level-1 li.selected ul.level-2").css("display", "block");
	$("ul.level-2 li:not(.selected) ul.level-3").css("display", "none");
	$("ul.level-2 li.selected ul.level-3").css("display", "block");

	$("ul.level-1 li ul.level-2 li").addClass("second");
	$("ul.level-1 li ul.level-2 li ul.level-3 li").removeClass("second").addClass("third");

	$("ul.level-3 li a").click(function(event) {
		event.stopPropagation();
		return false;
	});
	$("ul.level-1 li").click(function() {
		if($(this).hasClass("second")) {
			return false;
		} else {
			if($(this).hasClass("selected"))
			{
				$(this).toggleClass("selected");
//				$("ul.level-2").slideUp();
//				$("ul.level-2", this).slideDown("slow");
				return false;
			}
			else
			{
				$("ul.level-2").slideUp();
				$("ul.level-1 > li").removeClass("selected");
				$("ul.level-2", this).slideDown("slow");
				$(this).toggleClass("selected");
			}
			return false;
		}
	});

	$("ul.level-2 li").click(function() {
		if($(this).hasClass("third")) {
			return false;
		} else {
			if($(this).hasClass("selected"))
			{
				return false;
			}
			$("ul.level-3").hide();
			$("ul.level-2 li").removeClass("selected");
			$("ul.level-2 li a").removeClass("selected");
			$(this).addClass("selected");
			//$(this).find("a:first").addClass("selected").css("color", "");
			$("ul.level-2 li.selected ul.level-3").slideDown("slow");
			return false;
		}

	});

	//attach a click action on all links that don't have a submenu
	$("ul.level-1 a").filter(function(){
		return $(this).siblings('ul').length == 0;
	}).click(
		function() {
			var address = $(this).attr("href");
			window.location = address;
	});
	
	$("ul.level-3 li a").hover(
		function() {
			var href = $(this).attr('href');
			if(matches = href.match(/([0-9]+)$/))
			{
				var id = matches[1];
				if(projects[id] != undefined)
				{
					//We'll load the image in and then replace it. Try and stop any nasty flicker on image load
					var thumb_url = '/thumb.php?w=110&img=' + escape(projects[id]);
					var el = $('#navProjectImage img')
						.hide()
						.clone()
						.attr('src', thumb_url);
					//IE can't handle onLoad properly :( 
					if(jQuery.browser.msie)
					{
						el.show();
						$('#navProjectImage img')
							.replaceWith(el);
					}
					else
					{
						el.load(projectImageLoaded);
					}
					$('#navProjectImage')
						.show();
				}
			}
		},
		function(){
			$('#navProjectImage').hide();
		}
	);

});

function projectImageLoaded()
{
	$(this).show();
	$('#navProjectImage img')
		.replaceWith(this);
}