window.addEvent('domready', function() {
	var inick = $('nick');
	var imessage = $('message');
	var iurl = $('url');
	var imail = $('mail');
	var icaptchaimage = $('captchaimage');
	var icaptcha = $('captcha');
	$('moresmiles').setStyle('opacity',0);
	// You can skip the following two lines of code. We need them to make sure demos
	// are runnable on MooTools demos web page.
	if (!window.demo_path) window.demo_path = '';
	var demo_path = window.demo_path;
	// --
	$('in').addEvent('submit', function(e) {
		//Prevents the default submit event from loading a new page.
		e.stop();
		// Empty the log and show the spinning indicator.
		// var log = $('log_res').empty().addClass('ajax-loading');
		var log = $('log_res');
		//Set the options of the form's Request handler.
		//("this" refers to the $('myForm') element).
		this.set('send', {onComplete: function(response) {
			//log.removeClass('ajax-loading');
			log.set('html', response);
			var myVerticalSlide = new Fx.Slide('log_res');
			myVerticalSlide.hide().toggle();
			//$('vertical_status').set('html', status[myVerticalSlide.open]);
			var rand_no = Math.random();
			rand_no = rand_no * 100;
			rand_no = Math.ceil(rand_no);
			//log.setAttribute('id', rand_no);
			log.id=rand_no;
			// prende per riferimento il contenitore della tabella
			var div = document.body.getElementById('father');
			// crea un nodo
			var newdiv = document.createElement('div');
			newdiv.setAttribute('id', 'log_res');
			newdiv.style.marginBottom=2;
			// cerca la seconda cella
			testo_esistente = div.firstChild;
			div.insertBefore(newdiv, testo_esistente);
			// div.appendChild(newdiv);
			// inick.value = 'inserisci un nick';
			// imessage.value = 'Max 300 caratteri';
			// icaptchaimage.src='./php/gbook/ravencaptcha.php';
		}});
		//Send the form
		this.send();
	});
///////////////////////////////////////////////////////////////////////////////
	var FXinick = new Fx.Tween(inick, {duration: 1500, link: 'cancel'});
	$('nick').addEvents({
	'focus': function(e) {
		e.stop();
		if (inick.value == 'inserisci un nick')
			inick.value = '';
		FXinick.start('background-color', color9);
		FXinick.set('color', color4);
		inick.tween('border', '1px solid '+color11);
	},
	'blur': function(e) {
		e.stop();
		if (inick.value == '')
			inick.value = 'inserisci un nick';
		FXinick.start('background-color', color3);
		FXinick.set('color', color11);
		inick.tween('border', '1px solid '+color5);
	}
	});
////////////////////////////////////////////////////////////////////////////////
	var FXimessage = new Fx.Tween(imessage, {duration: 1500, link: 'cancel'});
	$('message').addEvents({
	'focus': function(e) {
		e.stop();
		if (imessage.value == 'Max 300 caratteri')
			imessage.value = '';
		FXimessage.start('background-color', color9);
		FXimessage.set('color', color4);
		imessage.tween('border', '1px solid '+color11);
	},
	'blur': function(e) {
		e.stop();
		if (imessage.value == '')
			imessage.value = 'Max 300 caratteri';
		FXimessage.start('background-color', color3);
		FXimessage.set('color', color11);
		imessage.tween('border', '1px solid '+color5);
	}
	});
////////////////////////////////////////////////////////////////////////////////
	var FXiurl = new Fx.Tween(iurl, {duration: 1500, link: 'cancel'});
	$('url').addEvents({
	'focus': function(e) {
		e.stop();
		FXiurl.start('background-color', color9);
		FXiurl.set('color', color4);
		iurl.tween('border', '1px solid '+color11);
	},
	'blur': function(e) {
		e.stop();
		FXiurl.start('background-color', color3);
		FXiurl.set('color', color11);
		iurl.tween('border', '1px solid '+color5);
	}
	});
////////////////////////////////////////////////////////////////////////////////
	var FXimail = new Fx.Tween(imail, {duration: 1500, link: 'cancel'});
	$('mail').addEvents({
	'focus': function(e) {
		e.stop();
		if (imail.value == 'user@dominio.com')
			imail.value = '';
		FXimail.start('background-color', color9);
		FXimail.set('color', color4);
		imail.tween('border', '1px solid '+color11);
	},
	'blur': function(e) {
		e.stop();
		if (imail.value == '')
			imail.value = 'user@dominio.com';
		FXimail.start('background-color', color3);
		FXimail.set('color', color11);
		imail.tween('border', '1px solid '+color5);
	}
	});
////////////////////////////////////////////////////////////////////////////////
	var FXicaptcha = new Fx.Tween(icaptcha, {duration: 1500, link: 'cancel'});
	$('captcha').addEvents({
	'focus': function(e) {
		e.stop();
		FXicaptcha.start('background-color', color9);
		FXicaptcha.set('color', color4);
		icaptcha.tween('border', '1px solid '+color11);
	},
	'blur': function(e) {
		e.stop();
		FXicaptcha.start('background-color', color3);
		FXicaptcha.set('color', color11);
		icaptcha.tween('border', '1px solid '+color5);
	}
	});
////////////////////////////////////////////////////////////////////////////////
	var iboardsubmit = $('boardsubmit');
	$('boardsubmit').addEvent('mouseover', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		iboardsubmit.highlight(color10);
	});
////////////////////////////////////////////////////////////////////////////////
	$each($$('.changecolorlinkboard'), function(x) {
	  var originalcol = x.getStyle('color');
	  var originalbg = x.getStyle('background');
	  var linkmarkmorph = new Fx.Morph(x,{ 'duration':'250', 'link':'cancel' });
	  x.addEvents({
	    'mouseenter' : function() { linkmarkmorph.start({ 'color':color3 })
	                                linkmarkmorph.set({ 'background-color':color5 }) },
	    'mouseleave' : function() { linkmarkmorph.start({ 'color': originalcol })
	                                linkmarkmorph.set({ 'background-color': originalbg }) }
	  });
	linkmarkmorph.set({ 'text-decoration':'none' });
	});
////////////////////////////////////////////////////////////////////////////////
	$each($$('.boardpagination'), function(x) {
	  var originalcol = x.getStyle('color');
	  var originalbg = x.getStyle('background');
	  var boardpaginationlinkmorph = new Fx.Morph(x,{ 'duration':'250', 'link':'cancel' });
	  x.addEvents({
	    'mouseenter' : function() { boardpaginationlinkmorph.start({ 'color':color5 })
	                                boardpaginationlinkmorph.set({ 'background-color':color3 }) },
	    'mouseleave' : function() { boardpaginationlinkmorph.start({ 'color': originalcol })
	                                boardpaginationlinkmorph.set({ 'background-color': originalbg }) }
	  });
	boardpaginationlinkmorph.set({ 'text-decoration':'none' });
	});
////////////////////////////////////////////////////////////////////////////////
	$('moresmileslink').addEvent('click',function(){
		$('moresmiles').morph({opacity: 1});
	});
	$('chiudimoresmiles').addEvent('click',function(){
		$('moresmiles').morph({opacity: 0});
	});
	$('homebody').addEvent('click',function(evt){
		var target = evt.target;
		if(target.id === 'moresmileslink'){
			$('moresmiles').morph({opacity: 1});
		}
		else if(target.id !== 'moresmiles' && target.id !== 'chiudimoresmilesdiv' && target.className !== 'smile'){
				$('moresmiles').morph({opacity: 0});
		}
	});
////////////////////////////////////////////////////////////////////////////////
});