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

	var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		opacity: true,
		onActive: function(toggler, element){

			toggler.setStyle('color', '#AF2020');
		//	toggler.setStyle('background', '#565009');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#565009');
		//	toggler.setStyle('background', '#EFEFEF');
		}
	});

		// Let's define some variables first
	var wrapper = $('wrap'); // The outer wrapper
	var carousel = $('carousel'); // The inner wrapper
	var items = $$('#carousel li'); // The different elements, this is an array
	var item_width = 385; // The full width of a single item (incl. borders, padding, etc ... if there is any)
	var max_margin = items.length * item_width - item_width;


	// Set up the animation
	var animation = new Fx.Tween(carousel, {duration: 500});

	// The function to browse forward
	function next_item(pos){
		if(pos == -max_margin){
			animation.start('left', 0);
		} else {
			var newposition = pos - item_width;
			animation.start('left', newposition);
		}
	}

	// The function to browse backward
	function previous_item(pos){
		if(pos == 0){
			animation.start('left', -max_margin);
		} else {
			var newposition = pos + item_width;
			animation.start('left', newposition);
		}
	}

	// Set up the 'next' and 'previous' buttons
	$('next').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		next_item(position);
	});

	$('previous').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		previous_item(position);
	});


	click_counter('HOME');

});


function click_counter(nome){
	var myRequest = new Request({method: 'post', url: BASE_URL+'click'});
	myRequest.send('nome='+nome);
}


function resetErrorForm()
{

	$('error_mail').innerHTML = "";

	set_normal_style($('email'));
	set_normal_style($('testo'));
	set_normal_style($('oggetto'));
}

function set_normal_style(e)
{
	e.setStyle('background-color', '#FFFCEF');
}
function set_error_style(e)
{
	var effect = new Fx.Tween(e);
	effect.start('background-color', '#E6EFC2');
}

function checkFormMail()
{
	resetErrorForm();
	var formValido = true;
	var email = $('email').value;
	var oggetto = $('oggetto').value;
	var testo = $('testo').value;
	var regexMail = new RegExp(/^(\w+\.?)*\w+@(\w+\.{1})+\w+$/);
	var errore = '';
	if(email.length <1 || !regexMail.test(email))
	{
		set_error_style($('email'));
		errore = 'Inserire un indirizzo email valido';
		formValido = false;
	}
	else if (oggetto.length <1)
	{
		set_error_style($('oggetto'));
		errore = 'Inserire l\'oggetto';
		formValido = false;
	}
	else if (testo.length <1)
	{
	  errore = 'Inserire il testo';
		set_error_style($('testo'));
		formValido = false;
	}
	if(!formValido) $('error_mail').innerHTML = errore;
	else
	{
		$('error_mail').innerHTML = "Invio in corso...";
		sendMail();
	}
	return false;
}

function sendMail()
{
	var email_send = $('email').value;
	var oggetto_send = $('oggetto').value;
	var testo_send = $('testo').value;

	var myRequest = new Request({method: 'post', url: BASE_URL+'send_mail'});
	myRequest.send('email='+email_send+'&oggetto='+oggetto_send+'&testo='+testo_send);

	$('invio').fade(0);
	$('error_mail').innerHTML = "E-mail inviata con successo";
	set_fade($('email'));
	set_fade($('oggetto'));
	set_fade($('testo'));
}
function set_fade(e)
{
	var effect = new Fx.Tween(e);
	effect.start('background-color', '#FFF9DF');
	var effect = new Fx.Tween(e);
	effect.start('border-color', '#FFF9DF');
	var effect = new Fx.Tween(e);
	effect.start('color', '#8F7500');
	e.readOnly = true;
}