$(function() {
	$('.topnavigation li').mouseenter(function() {
		var	id	=	$(this).attr('data-id');
		if ($('ul[data-id="' + id + '"]').length > 0) {
			$('ul[data-id="' + id + '"]').show();
			if ($(this).attr('data-level') == 1) {
				$(this).addClass('hover');
			}
			if ($(this).attr('data-level') == 2) {
				var width = $(this).width();
				var height = $(this).height();
				$('ul[data-id="' + id + '"]').css({
					margin: '-' + height + 'px 0 0 ' + width + 'px'
				});
			}
		}
	});
	$('.topnavigation li').mouseleave(function() {
		var	id	=	$(this).attr('data-id');
		$('ul[data-id="' + id + '"]').hide();
		$(this).removeClass('hover');
	});
});