$(function() {
	//
	// dit is de code om het submenu te laten zien
	$(".menu li").live("mouseover", function() {
		$(this).children("ul").show();
		$(this).children("ul").css("z-index", 2000);
	});
	$(".menu li").live("mouseout", function() {
		$(this).children("ul").hide();
	});
	
	// milestones
	if($(".milestone").length > 0) {
		var zIndexNumber = 100000;
		$('div,ul,li').each(function() {
			$(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 10;
		});
	}
	
	$(".showhide").hover(function() {
		$("a.year").removeClass("activeyear");
		$(".info").hide();
		$(this).addClass("activeyear");
		r = $(this).attr("rel");
		$("#"+r).show();
	}, function() {
		
	});
	
	
	if($(".home").length > 0) {
		$(".home .item a").each(function() {
			$(this).attr("href", "#");
		});
		$(".home .item").click(function() {
			var me = this;
			u = $(this).attr("url");
			t = $(this).attr("type");
			
			$.get(u, function(data) {
				w = 450;
				$(me).removeClass("itemm");
				$(".home .itemm").fadeOut(500);
				balkW = $(".balk").position().left;
				
				if(t == "right") {
					$(me).animate({"left":450}, 500, 'linear', function() {
						
						$(".menu_div").css("opacity", 0);
						$(".menu_div").html($(".menu_div", data).html());
						$(".menu_div").animate({"opacity":1}, 500);
						
						$(".submenu").css("opacity", 0);
						$(".submenu").html($(".submenu", data).html());
						$(".submenu").animate({"opacity":1}, 500);
				
						$(".main").html($(".main", data).html());
						
						$("#balk_image").attr("src", $("#balk_image", data).attr("src"));
						
						initlinks();
						
						$(".container").addClass("main" + t);
						$(me).hide();
						
						$(".balk").css("position", "absolute");
						$(".balk").css("left", balkW);
						$(".balk").animate({"left": 50}, 500, 'linear');
						
						$(".main").css("position", "absolute");
						$(".main").css("right", balkW);
						$(".main").animate({"right": 50}, 500, 'linear', function() {
							$(".main").css("position", "");
						});
						
					});
				} else {
					$(me).animate({"right":450}, 500, 'linear', function() {
						
						$(".menu_div").css("opacity", 0);
						$(".menu_div").html($(".menu_div", data).html());
						$(".menu_div").animate({"opacity":1}, 500);
						
						$(".submenu").css("opacity", 0);
						$(".submenu").html($(".submenu", data).html());
						$(".submenu").animate({"opacity":1}, 500);
				
						$(".main").html($(".main", data).html());
						
						$("#balk_image").attr("src", $("#balk_image", data).attr("src"));
						
						initlinks();
						
						$(".container").addClass("main" + t);
						$(me).hide();
						
						$(".balk").css("position", "absolute");
						$(".balk").css("right", balkW);
						$(".balk").animate({"right": 50}, 500, 'linear');
						
						$(".main").css("position", "absolute");
						$(".main").css("left", balkW);
						$(".main").animate({"left": 50}, 500, 'linear', function() {
							$(".main").css("position", "");
						});
						
					});
				}
				
				
				
			});
		});
	}
});