$(document).ready(function(){
			
			// the mouseenter and mouseleave events are bound to the parent div
			$('.channel').bind("mouseenter",function(){
				// the overlay div inside is faded out completely
				var overlay = $('.overlay', this);
				overlay.fadeOut();
 				}).bind("mouseleave",function(){				
				/*var overlay = $('.overlay', this);
				// timeout to delay to the re-appearance of the overlay div
				setTimeout(function() { 
					overlay.fadeIn('slow');
					}, 3000);*/
			});

			// this initialises the demo scollpanes on the page.
			$('#them-feed').jScrollPane({showArrows:true});
			$('#us-feed').jScrollPane({showArrows:true});
																
});