$(document).ready(function() {

	$(".inner b.overlay")
	.bind("mouseover", function(e) {
		e.stopImmediatePropagation(); e.preventDefault();
		var elem;
		var id = $(this).attr("id").split("_")[1];
		var nav = $("#nav"+id);
		if(nav.find(".inner-hover").length < 1) {
			var item = nav.find(".inner");
			elem = item.clone();
			elem.width(item.width()).height(item.height())
			.css({opacity: 0})
			.removeClass("inner")
			.addClass("inner-hover").unbind()
			.appendTo(nav.find(".kasten"));
			
			$(".inner-hover b.overlay",nav).addClass("second").unbind().bind("mouseout", function(e) {
				if($(e.toElement).hasClass("top") || $(e.toElement).hasClass("bottom")) { return; }
				e.stopImmediatePropagation();
				nav.find(".inner-hover").animate(
					{opacity: 0},
					{
						duration: 700,
						complete: function(){
							$(this).remove();
						}
					}
				);
			});
			elem.animate(
				{opacity: 1},
				{
					duration: 700,
					complete: function(){
					}
				}
			)
		}
		else return;
	})
});