var formColors = {
	'standard' : '#444444',
	'defaultText' : '#444444'
};

var formFields = [
	{
		'selector' : 'searchFlatSizeTo',
		'defaultValue' : 'alle'
	},
	{
		'selector' : 'searchFlatRent',
		'defaultValue' : 'alle'
	}
];

window.addEvent('domready', function() {
	formFields.each(function(el) {
		var elSel = $(el.selector);
		var defaultVal = el.defaultValue;
		
		elSel.setStyle('color',formColors.defaultText);
		elSel.set('value', defaultVal);
		
		elSel.addEvent('click',function(ev){
			if(elSel.get('value') == defaultVal)
			{
				elSel.setStyle('color',formColors.standard);
				elSel.set('value','');
			}
			else
			{
				if(elSel.get('value') == '')
				{
					elSel.setStyle('color',formColors.defaultText);
					elSel.set('value',defaultVal);
				}
			}
		}.bind(defaultVal));
		
		elSel.addEvent('blur',function(ev){
			if(elSel.get('value') == '')
			{
				elSel.setStyle('color',formColors.defaultText);
				elSel.set('value',defaultVal);
			}
		}.bind(defaultVal));
	});
});