$(document).ready(function()
{
				$("#messagebox-s").stop().animate({top: "1", left: "1"}, "slow"); // show message box with slow opacity
				$("#messagebox-s").stop().animate({opacity: "show", top: "30%", left: "33%"}, "slow"); // show message box with slow opacity
				$('#messagebox-s').css('zIndex', '999');
				$('#messagebox-s').animate({ opacity:.95 }, "slow");//the messagebox gets scroll up with top property and gets hidden with zero opacity
				$('#messagebox-s').click(function(){//close button is clicked
					$('#messagebox-s').css('display', 'none');
						});
});