var overlayLabel = Class.create();
	
overlayLabel.prototype = {
	
	// Jan Jarfalk at Trive AB
	// jan.jarfalk@trive.se
	// http://www.trive.se

	// Requires	Prototype
	
	//	EXAMPLE HTML
	/*
		<label id="theLabel">Heading</label>
		<input id="theInput" type="text" />
	*/
	
	// EXAMPLE JS
	/*
		new overlayLabel({
			input: 'theInput',
			label: 'theLabel',
			inputClassName: 'overlayLabelInput',
			labelClassName: 'overlayLabelLabel',
			defaultTheme: 'false'
		});
	*/
	
	initialize: function(options) {
	
		this.input = options.input;
		this.label = options.label;
		this.labelClassName = options.labelClassName || false;
		this.inputClassName = options.inputClassName || false;
		this.defaultTheme = options.defaultTheme || true;
		this.labelWidth = options.labelWidth || 0;
		this.labelHeigh = options.labelHeight || 0;
		
		//alert(this.input);
		
		this.dimensions = $(this.input).getDimensions();
		
		//alert(this.dimensions.height);
		//alert(this.dimensions.width);
		
		if(this.labelWidth == 0 || this.labelHeight == 0)
		{
		    var labelStyle = {
			    height: this.dimensions.height + 'px',
			    width: this.dimensions.width + 'px',
			    position: 'absolute',
			    lineHeight: this.dimensions.height + 'px',
			    textAlign: 'center'
		    }
		}
		else
		{
		    var labelStyle = {
			    height: this.labelHeight + 'px',
			    width: this.labelWidth + 'px',
			    position: 'absolute',
			    lineHeight: this.labelHeight + 'px',
			    textAlign: 'center'
		    }		
		}
		
		
		$(this.label).setStyle(labelStyle);
		
		if(this.labelClassName){ $(this.label).addClassName(this.labelClassName); }
		if(this.inputClassName){ $(this.input).addClassName(this.inputClassName); }
							
		Event.observe(this.label, 'click', this.hideLabel.bindAsEventListener(this));
		Event.observe(this.input, 'focus', this.hideLabel.bindAsEventListener(this));
		Event.observe(this.input, 'blur', this.showLabel.bindAsEventListener(this));						
							
		if($(this.input).value.length <= '0'){
			$(this.label).show();
			}
	    else{
	        $(this.label).hide();
	    }
	},
						
	hideLabel: function(event){
		$(this.label).hide();
		$(this.input).focus();
	},
	
	showLabel: function(event){							
		if($(this.input).value.length <= '0'){
			$(this.label).show();
			}
	}

}