function SlideInMenu(id, innerHTML, className, top, width, reveal, delay, pixeljump) 
{
	this.id        = id;  			this.width         = width  + "px"; 	
	this.reveal    = reveal + "px";  this.top           = top    + "px";   
	this.delay     = delay;			 this.rightBoundary = 0;
	this.pullIt    = 0;              this.drawIt        = 0;
	
	this.pixeljump = (pixeljump > 0) ? pixeljump : 10;
	
	this.leftBoundary  = (parseInt(this.width) - parseInt(this.reveal)) * -1;

	document.write('<div class = "' + className + '" id = "menu:slide-in:' + id + '" style = "background: #FFFFFF; z-index: 999; left:' + ((parseInt(this.width) - parseInt(this.reveal)) * -1) + 'px; top:' + this.top + '; width: ' + this.width + '" onmouseover = "' + id + '.pull()" onmouseout = "' + id + '.draw()">');
		document.write(innerHTML);
	document.write('<\/div>');
}

SlideInMenu.prototype.pull = function()
{
	if (this.drawIt) clearInterval(this.drawIt);
	this.pullIt = setInterval(this.id + ".pullEngine()", this.delay);
};
SlideInMenu.prototype.draw = function()
{
	clearInterval(this.pullIt);
	this.drawIt = setInterval(this.id + ".drawEngine()", this.delay);
};
SlideInMenu.prototype.pullEngine = function()
{
	var slideObjectReference = document.getElementById("menu:slide-in:" + this.id);
	
	if (parseInt(slideObjectReference.style.left) < this.rightBoundary) {
		slideObjectReference.style.left            = parseInt(slideObjectReference.style.left) + this.pixeljump + "px";
		slideObjectReference.style.backgroundColor = "#FFFFFF";
	} else if (this.pullIt) {
		slideObjectReference.style.left  = 0;
		clearInterval(this.pullIt);
	}
};
SlideInMenu.prototype.drawEngine = function()
{
	var slideObjectReference = document.getElementById("menu:slide-in:" + this.id);
	
	if (parseInt(slideObjectReference.style.left) > this.leftBoundary) 
		slideObjectReference.style.left = parseInt(slideObjectReference.style.left) - this.pixeljump + "px";
	else if (this.drawIt) {
		slideObjectReference.style.left = this.leftBoundary;
		clearInterval(this.drawIt);
	}
};