Show on when mouse on an trigger object and remain show when mouse on an viewing object

$('.prodrop4 .top').each(function(){
		$(this).mouseenter(function(event){// trigger object
			$('.roller').css('z-index', '1000');
			$('.roller').css('top', $(this).outerHeight());
			$('.roller').css('left', $(this).position().left);
			$('.roller').mouseenter();
		});
		$(this).mouseleave(function(event){
			$('.roller').mouseleave();
		});
 
		$('.roller').mouseenter(function(event){
			window.clearTimeout($roller_timer);
			$('.roller').show(200);
			$block = false;
		});
		$('.roller').mouseleave(function(event){
			if(!$block){
				$roller_timer = window.setTimeout(function(){
					$('.roller').hide(200);
				}, 200);
			}
			$block=true;
		});
	})