$(document).ready( function() {
	var shimmer = document.createElement('iframe');
	shimmer.id='shimmer';
	shimmer.style.position='absolute';
	// normally you would get the dimensions and
	// positions of the sub div dynamically. For demo
	// purposes this is hardcoded
	shimmer.style.display='block';
	shimmer.style.width='1px';
	shimmer.style.height='1px';
	shimmer.style.float='none';
	shimmer.style.clear='both';
	shimmer.style.top='100%';
	shimmer.style.left='0px';
	shimmer.style.zIndex='1000';
	shimmer.style.background='transparent';
	shimmer.setAttribute('frameborder','0');
	shimmer.setAttribute('scrolling','no');
	shimmer.setAttribute('src','about:blank');
     
	$('li.root').hover(function(e) {
	    $(this).children('ul').before( shimmer );
	},
	function(e) {
		$('#shimmer').remove();
	});
});