window.addEvent('domready', function() {
		
	




	var form_items = $$('div.fieldbox');
	//loop through each 'fieldbox' div
	form_items.each(function(element, index) {
	
		var theDesc = element.getElement('.field_desc');
		var theLabel = element.getElement('label');
		var theInput = element.getElement('input');
		
		//handle the textarea
		if(theInput == null){
			theInput = element.getElement('textarea');	
		}
		
		//set up animation for description box
		var desc_fx = new Fx.Styles(theDesc, {
			     duration:250, 
			     transition: Fx.Transitions.Quad.easeOut, 
			     wait:false
		});
		
		//set up animation for input/textarea
		var field_fx = new Fx.Styles(theInput, {
			     duration:250, 
			     transition: Fx.Transitions.Quad.easeOut, 
			     wait:false
		});
		
		//hide description box (immediately)
		theDesc.setStyle('opacity',0);	 
		
		theInput.addEvents({
			'focus': function(){
				desc_fx.start({
				'opacity': 0
				});
				
				field_fx.start({
				'background-color': '#cdcfb2',
				'color': '#ffffff'
				});
			},
			
			'blur': function(){
				desc_fx.start({
				'opacity': 0
				});
				
				field_fx.start({
				'background-color': '#eff1cf',
				'color': '#808080'
				});
			}
			
		});
		
	
	});


	var form_items2 = $$('div.fieldbox2');
		
	//loop through each 'fieldbox' div
	form_items2.each(function(element, index) {
	

		var theSelect = element.getElement('select');
		
		//handle the textarea
		if(theSelect == null){
			theSelect = element.getElement('select');	
		}
		
		//set up animation for description box
		var select_fx = new Fx.Styles(theSelect, {
			     duration:250, 
			     transition: Fx.Transitions.Quad.easeOut, 
			     wait:false
		});
		

		
		//hide description box (immediately)
		
		theSelect.addEvents({
			'focus': function(){
				select_fx.start({
				'opacity': 0
				});
				
				select_fx.start({
				'background-color': '#cdcfb2',
				'color': '#808080'
				});
			},
			
			'blur': function(){
				select_fx.start({
				'opacity': 0
				});
				
				select_fx.start({
				'background-color': '#eff1cf',
				'color': '#808080'
				});
			}
			
		});
		
	
	});















});