/**
 * @author Zach
 */

var AutoCenter = Class.create({
	
/**
 * Auto-center an object vertically and/or horizontally in the viewport
 * 
 * @param {Element} element
 * @param {Object} options
 */
initialize: function(element , options)
{
	options = options || {};
	this.minTop = options.minTop || 0;
	this.element = $(element);
	
	Event.observe(window, 'resize', this.center.bindAsEventListener(this));
	this.center();
},

center: function()
{
	var viewport = document.viewport.getDimensions();
	var element = this.element.getDimensions();
	
	//top margin is half of the difference between the veiwport and the element height
	var top = Math.floor((viewport.height - element.height)/2);
	var left = Math.floor((viewport.width - element.width)/2);

	this.element.setStyle({top:top +"px"});
	this.element.setStyle({ left:left +"px"});
}
});