$(document).ready(function(){
	// message box
	$('#MessageBox').animate({opacity:0},{queue: false, duration: 10});
	// scroll the message box to the top offset of browser's scrool bar
	$('#MessageBox').animate({top:$(window).scrollTop()+"px",opacity:0.9 },{queue: false, duration: 350});
	$(window).scroll(function(){
		$('#MessageBox').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
	});
	$('#MessageBox').mouseover(function(){
		$('#MessageBox').animate({opacity:1},{queue: false, duration: 350});
	});
	$('#MessageBox').mouseout(function(){
		$('#MessageBox').animate({opacity:0.9},{queue: false, duration: 350});
	});
	// when the close button at right corner of the message box is clicked
	$('#MessageBox #Close').click(function(){
		$('#MessageBox').animate({top:"-=30px",opacity:0}, "slow");
		$('#MessageBox').hide("slow");
	});
});