$(document).ready(function(){

	$(function () {
		$('.catalogue_menu_item').each(function () {
			var distance = 10;
			var time = 250;
			var hideDelay = 100;

			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var trigger = $(this);
			var info = $('.catalogue_menu_sub', this).css('opacity', 0);


			$([trigger.get(0), info.get(0)]).mouseover(function () {
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				if (beingShown || shown) {
					// don't trigger the animation again
					return;
				} else {
					// reset position of info box
					beingShown = true;

					info.css({
						display: 'block'
					}).animate({
						opacity: 1
					}, time, 'swing', function() {
						beingShown = false;
						shown = true;
					});
				}

				return false;
			}).mouseout(function () {
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				hideDelayTimer = setTimeout(function () {
					hideDelayTimer = null;
					info.animate({
						opacity: 0
					}, time, 'swing', function () {
						shown = false;
						info.css('display', 'none');
					});

				}, hideDelay);

				return false;
			});
		});
	});

	$(function () {
		$('#filtr').each(function () {
			var distance = 10;
			var time = 250;
			var hideDelay = 100;

			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var trigger = $(this);
			var info = $('#filtr_item', this).css('opacity', 0);


			$([trigger.get(0), info.get(0)]).mouseover(function () {
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				if (beingShown || shown) {
					// don't trigger the animation again
					return;
				} else {
					// reset position of info box
					beingShown = true;

					info.css({
						display: 'block'
					}).animate({
						opacity: 1
					}, time, 'swing', function() {
						beingShown = false;
						shown = true;
					});
				}

				return false;
			}).mouseout(function () {
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				hideDelayTimer = setTimeout(function () {
					hideDelayTimer = null;
					info.animate({
						opacity: 0
					}, time, 'swing', function () {
						shown = false;
						info.css('display', 'none');
					});

				}, hideDelay);

				return false;
			});
		});
	});

});