var HeightMatcher = new Class({
	initialize: function(id, minHeight)
	{
    	this.id = id;
    	this.minHeight = minHeight;
    
    	var obj = this;
    	window.addEvent("domready",function() { obj.resize(); });
    	window.addEvent("resize",function() { obj.resize(); });
  	},

  	resize: function()
	{
    	var winHeight = this.getHeight();    	
    	winHeight < this.minHeight ? winHeight = this.minHeight : winHeight = "100%";
    	$(this.id).setStyle("height", winHeight);
    	//alert($(this.id).getStyle('height'));
	},
  
  	// height getter
  	getHeight: function()
  	{
    	return window.getHeight() + this.getModifier();
  	},

  	// small modifier to get rid of vertical scrollbars
  	getModifier: function()
  	{
    	var modifier = 0;

    	// ie
    	if (Browser.Engine.trident) {
      		modifier = -32;
    
    	// ff, mozilla
    	} else if (Browser.Engine.gecko) {
      		modifier = -18;
    
    	// safari, chrome, konqueror
    	} else if (Browser.Engine.webkit) {
      		modifier = -18;
      
    	// opera
    	} else if (Browser.Engine.presto) {
      		modifier = -18;
    	}
  
    	return modifier;
  	}
});