var BarometerPeriod = Class.create();
	BarometerPeriod.prototype =
	{
		initialize: function( container, date_span_class, date_inputs_class, buttons_container, refresh_button, reset_button, barometer_img, hide_class )
		{
			this.hide_class			= hide_class;

			this.buttons_container	= $( buttons_container );
			this.container			= $( container );
			this.refresh_img		= $( refresh_button );
			this.reset				= $( reset_button );
			this.barometer_img		= $( barometer_img );

			Event.observe( this.refresh_img, 'click', this.img_refresh.bind( this ) );
			Event.observe( this.reset, 'click', this.form_reset.bind( this ) );

			this.dates					= $A( this.container.getElementsByClassName( date_span_class ) );
			this.date_inputs			= $A( this.container.getElementsByClassName( date_inputs_class ) );
			this.date_default_values	= new Array();

			for( var i=0; i<this.dates.length; i++ )
			{
				this.date_inputs[i].value = this.dates[i].innerHTML;
				this.date_default_values[i] = this.date_inputs[i].value;
				Event.observe( this.dates[i],		'click',	this.openInput.bind( this, i ) );
				Event.observe( this.date_inputs[i],	'blur',		this.closeInput.bind( this, i ) );
			}
		},

		openInput: function( index )
		{
			Element.addClassName( this.dates[index], this.hide_class );
			Element.removeClassName( this.date_inputs[index], this.hide_class );
			this.date_inputs[index].focus();
		},

		closeInput: function( index )
		{
			if( this.date_default_values[index] !== this.date_inputs[index].value )
			{
				reg = /[0-9]{2}\.[0-9]{2}\.[0-9]{4}/;
				if( reg.test( this.date_inputs[index].value ) )
				{
					this.dates[index].innerHTML = this.date_inputs[index].value;
					if( Element.hasClassName( this.buttons_container, this.hide_class ) )
					{
						Element.removeClassName( this.buttons_container, this.hide_class );
					}
				}
				else
				{
					this.date_inputs[index].value = this.date_default_values[index];
				}
			}
			Element.removeClassName( this.dates[index], this.hide_class );
			Element.addClassName( this.date_inputs[index], this.hide_class );
			this.date_inputs[index].blur();
		},

		img_refresh: function(  )
		{
			var timestamp = new Date();
			timestamp = Date.parse( timestamp );
			this.barometer_img.src = 'images/web/rfca_barometer_graph_' + timestamp.toString().substr(0,10) + '.png?start=' + this.date_inputs[0].value + '&end=' + this.date_inputs[1].value;
			if( !Element.hasClassName( this.buttons_container, this.hide_class ) )
				Element.addClassName( this.buttons_container, this.hide_class );
			this.date_default_values[0] = this.date_inputs[0].value;
			this.date_default_values[1] = this.date_inputs[1].value;
			return true;
		},

		form_reset: function(  )
		{
			if( !Element.hasClassName( this.buttons_container, this.hide_class ) )
				Element.addClassName( this.buttons_container, this.hide_class );

			this.date_inputs[0].value	= this.date_default_values[0];
			this.date_inputs[1].value	= this.date_default_values[1];
			this.dates[0].innerHTML		= this.date_default_values[0];
			this.dates[1].innerHTML		= this.date_default_values[1];
		}
	}