myForm = 'myForm';
window.addEvent('domready', function() {
	
	$(myForm).onsubmit = function(event) 
	{ 
		var event = new Event(event);
		
		event.stop();
		skroll.toElement('container');
		MOOdalBox.open
		( // case matters
		ci_url+"moodalbox/index/1", // the link URL
		"Mensaje informativo", // the caption (link's title) - can be blank
		"400 100" // width and height of the box - can be left blank
		);
		check_def_val(); 
		(function(){$(myForm).submit();}).delay(1000);

		$('submitted').disabled = true;
	};
	
	//seleccionem els inputs amb class validate
	var Fields = $$('input.validate');
	//amb blur fem que cridin la funció sendForm
	Fields.forEach(function(field){
    	 $('display_error_'+field.id).setOpacity(0);
  		$(field).onfocus = function(event){
		   	if($(field).value == $(field).defaultValue)
			{
				$(field).value = '';
			}
		};
	   	$(field).onblur = function(event){
			if($(field).value == '')
			{
				$(field).value = $(field).defaultValue;
			}
		    sendForm(field.id);
		};
		
	});

	//seleccionem els select
	var Selects = $$('select');
	//per cada select
	Selects.forEach(function(select)
	{
		$(select).onchange = function(event){
			sendForm(select.id);
		}

	});

	
});

function check_def_val()
{
	var Inputs = $$('input');
	//per cada select
	Inputs.forEach(function(input)
	{
		if(($(input).value == 'DD/MM/AAAA') | ($(input).value == 'MM/AAAA') | ($(input).value == 'euros/mes'))
		{
			$(input).value ='';
		}
	});
}

function clear_input(input)
{
	if(input.value == input.defaultValue)
	{
		input.value = '';
	}
	
	input.onblur = function(event){
		if(input.value == '')
		{
			input.value = input.defaultValue;
		}		   
	};
};

function sendForm(field)
{   
	function fxs()
	{
		
		if($('display_error_'+field).innerHTML == 'ok')
		{
			$('display_error_'+field).setStyles({
					'height': '11px',
					'opacity': 0,
					'font-size': '11px',
					padding: 0,
					margin: 0
					
					});
		}
		else
		{
		$('display_error_'+field).setStyles({
		   padding: '5px 0px 0px 10px',
		   margin: '5px 0px 5px 0px',
			border: '1px solid #c0e5f4',
			'background-color': '#ecf3f6',
			color: '#d10d0c'
		});
		
		var myFx = new Fx.Style('display_error_'+field, 'opacity').start(0,1);
		var myEffects = new Fx.Styles('display_error_'+field , {duration: 100, transition: Fx.Transitions.sineOut});
			myEffects.start({
			    'height': [0, 20]
			});
		}
					
		
	};
			
	new Ajax(ci_url+'ajax/index/'+field,{postBody:$(myForm), update: 'display_error_'+field, onComplete:fxs}).request(); 
};