var closePopup=document.createElement('a');
closePopup.setAttribute("href",'javascript:hidePopUp();void(0);');
closePopup.setAttribute("style",'position:adsolute;top:10px;right:10px');
closePopup.setAttribute("id",'closeButton');
closePopup.innerHTML='<img src="images/x.gif" alt="close" style="border:0" /\>';




var popupheight=0;

//we show the popup when document is ready
$(document).ready(function(){

	document.getElementById('footer_wrapper').appendChild(closePopup);//add close button
	
	$("#footer_wrapper").animate({
	'bottom': 100 //here you specify the location of the popup bottom end.
	}, 3000 );//3000=3 sec,edit this if you want to change the animation time
}); 

//this function hides the popup
function hidePopUp()
{
	$("#footer_wrapper").animate({
	'bottom': -150 //we hide the popup 150px
	}, 3000 );
}