function Toaster() {
	
	this.fullHeight = 50;
	this.fullWidth = 200;
	this.numSteps = 50;
	this.stepNum = 0;
	this.timer;
	this.timer1;

	this.doPop=function(title, msg, type) {	

		popup = document.getElementById("popup");
		popupheader = document.getElementById("popupheader");
		popupmsg = document.getElementById("popupmsg");
	
		popupheader.innerHTML=title;
		popupmsg.innerHTML=msg;
	
	  if (popup.style.display == 'inline') {
		 popup.style.display = 'none';
	  } else {
		 popup.style.width = "0px";
		 popup.style.height = "0px";
		 popup.style.display = 'inline';  
		 this.timer = setInterval('myFramework.Toaster.resize()', 10);
	  }
	}
	
	this.resize=function() {
	  if (this.stepNum > this.numSteps) {
		clearInterval(this.timer);
		this.timer1 = setInterval('myFramework.Toaster.sleep()', 4000);
		return false;
	  }
	
		var w = Math.floor((this.fullWidth/this.numSteps) * this.stepNum);
		var h = Math.floor((this.fullHeight/this.numSteps) * this.stepNum);
		popup.style.width =  w + "px";
		popup.style.height =  h + "px";
		this.stepNum++;  
	}
	
	this.sleep=function() {
		this.stepNum=0;
		$(popup).fadeOut();
		clearInterval(this.timer);
		clearInterval(this.timer1);
	}
}

/**
<div id='popup' style='position:absolute; display:none; border:1px solid #000000; background-color:#FFFFCC; solid #000000; bottom: 0px; right:25px; overflow: hidden;'>
	<div id="popupheader" class="row header2">&nbsp;</div>
	<div id="popupmsg" class="row">&nbsp;</div>
</div>

//JFramework.Toaster.doPop("test2","test2","test3")
**/