$(document).ready(function() {

	$('.triggerbox').mouseover(function(e) {

		$(document).mousemove({trigger:$(this)},function(e){
			offset = e.data.trigger.offset();
			offset_top = offset.top;
			offset_left = offset.left;
			width = e.data.trigger.width();
			height = e.data.trigger.height();

			offset = e.data.trigger.children("UL").offset();
			if (offset_top > offset.top) offset_top = offset.top;
			if (offset_left > offset.left) offset_left = offset.left;
			if (width < e.data.trigger.children("UL").width()) width = e.data.trigger.children("UL").width();
			if (height < e.data.trigger.children("UL").height()) height = e.data.trigger.children("UL").height();

			if (
				e.pageX < offset_left ||
				e.pageX > offset_left+width ||
				e.pageY < offset_top ||
				e.pageY > offset_top+height
			)
			{
				$(document).unbind('mousemove');
				e.data.trigger.children("UL").slideUp('fast');
			}
		});

		$(this).children("UL").slideDown('fast');
	});

	/*$('.triggerbox').mouseout(function(e) {
		$(this).children("UL").slideUp('fast');
	});*/

	/*$('#popup_menue #submenue .submenue').hide();

	$('#popup_menue .oberpunkt_eins').mouseover(function(e) {
		$('#popup_menue #submenue .submenue').hide();

		$('#popup_menue #submenue .one').slideDown('fast',function() {
			var trigger = $('<div></div>');
			offset = $('#popup_menue #submenue .one').offset();
			offset.top-=20;
			if (offset.top > $('#popup_menue .oberpunkt_eins').offset().top) offset.top = $('#popup_menue .oberpunkt_eins').offset().top;
			offset.left-=20;
			trigger.offset(offset);
			trigger.height($('#popup_menue #submenue .one').height()+$('#popup_menue .oberpunkt_eins SPAN').height()+40);
			trigger.width($('#popup_menue #submenue .one').width()+40);
			trigger.css('position','absolute');
			trigger.mouseout(function() {
				$('#popup_menue #submenue .one').slideUp();
				trigger.remove();
			});
			trigger.appendTo('body');
		});
	});

	$('#popup_menue .oberpunkt_zwei').mouseover(function(e) {
		$('#popup_menue #submenue .submenue').hide();

		$('#popup_menue #submenue .two').slideDown('fast',function() {
			var trigger = $('<div></div>');
			offset = $('#popup_menue #submenue .two').offset();
			offset.top-=20;
			if (offset.top > $('#popup_menue .oberpunkt_zwei').offset().top) offset.top = $('#popup_menue .oberpunkt_zwei').offset().top;
			offset.left-=20;
			trigger.offset(offset);
			trigger.height($('#popup_menue #submenue .two').height()+$('#popup_menue .oberpunkt_zwei SPAN').height()+40);
			trigger.width($('#popup_menue #submenue .two').width()+40);
			trigger.css('position','absolute');
			trigger.mouseout(function() {
				$('#popup_menue #submenue .two').slideUp();
				trigger.remove();
			});
			trigger.appendTo('body');
		});
	});

	$('#popup_menue .oberpunkt_drei').mouseover(function(e) {
		$('#popup_menue #submenue .submenue').hide();

		$('#popup_menue #submenue .three').slideDown('fast',function() {
			var trigger = $('<div></div>');
			offset = $('#popup_menue #submenue .three').offset();
			offset.top-=20;
			if (offset.top > $('#popup_menue .oberpunkt_drei').offset().top) offset.top = $('#popup_menue .oberpunkt_drei').offset().top;
			offset.left-=20;
			trigger.offset(offset);
			trigger.height($('#popup_menue #submenue .three').height()+$('#popup_menue .oberpunkt_drei SPAN').height()+40);
			trigger.width($('#popup_menue #submenue .three').width()+40);
			trigger.css('position','absolute');
			trigger.mouseout(function() {
				$('#popup_menue #submenue .three').slideUp();
				trigger.remove();
			});
			trigger.appendTo('body');
		});
	});

	$('#popup_menue .oberpunkt_vier').mouseover(function(e) {
		$('#popup_menue #submenue .submenue').hide();

		$('#popup_menue #submenue .four').slideDown('fast',function() {
			var trigger = $('<div></div>');
			offset = $('#popup_menue #submenue .four').offset();
			offset.top-=20;
			if (offset.top > $('#popup_menue .oberpunkt_vier').offset().top) offset.top = $('#popup_menue .oberpunkt_vier').offset().top;
			offset.left-=20;
			trigger.offset(offset);
			trigger.height($('#popup_menue #submenue .four').height()+$('#popup_menue .oberpunkt_vier SPAN').height()+40);
			trigger.width($('#popup_menue #submenue .four').width()+40);
			trigger.css('position','absolute');
			trigger.mouseout(function() {
				$('#popup_menue #submenue .four').slideUp();
				trigger.remove();
			});
			trigger.appendTo('body');
		});
	});*/
});