window.addEvent('domready', function(){
	//hide message
	$$('#mail-message-ok, #mail-message-no').fade('hide');
	
	//hide popup
	$$('#over').setStyle('opacity', 1)
	$$('#popup').fade('hide');
	
	//language rollover
	$$('#select-language a').addEvent('mouseenter', function(){
		$(this).set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('color', '#cc0000');
	}).addEvent('mouseleave', function(){
		$(this).set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('color', '#ffffff');
	})
	
	//social rollover
	$$('#social a').setStyle('opacity', .4).addEvent('mouseenter', function(){
		$(this).set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
	}).addEvent('mouseleave', function(){
		$(this).set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', .4);
	})
	

	$$('#form .text')[0].addEvent('focus', function(){
		$(this).set('value', '');
	}).addEvent('blur', function(){
		if($(this).get('value') == ''){
			$(this).set('value', 'join out mailing list...');
		}
	})
	
	
	var newsletter_bt_click_flag = false;
	$$('#form .button').addEvent('click', function(e){
		e.stop();
		if(newsletter_bt_click_flag) return;

		var val = $$('#form .text')[0].get('value');
		if(validateEmail(val)){
			newsletter_bt_click_flag = true;
			$$('#form .button, #form #mail').set('morph', {'duration':300, 'onComplete':function(){
				$$('#form .button, #form #mail').setStyle('visibility', 'hidden');
			},'transitions':Fx.Transitions.Quint.easeOut}).morph({'opacity':0});
			
			$$('#mail-message-no').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 0);
			(function(){
			//	$$('#mail-message-ok').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
			}).delay(400);
			
			var req = new Request({
				method: 'POST',
				url: 'http://www.andreabocelli.com/zoomail/subscriber/add.php',
				data: { 'email' : val },
				onComplete: function(response) { 
					//console.log(response);
					var succ = JSON.parse(response).success;
					if(succ) $$('#mail-message-ok').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
//					console.log(succ);
					else $$('#mail-message-no').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
				}
			}).send();
		}else{
			$$('#mail-message-ok').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 0);
			(function(){
				$$('#mail-message-no').set('tween', {'duration':200, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
			}).delay(400);
		}
	})
	
	
})

window.addEvent('load', function(){
	$$('#line-first, #line-second, #line-third').setStyle('opacity', .65);
	
	//$$('#over').setStyle('opacity', 1);
	$$('#over').set('tween', {'duration':300, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', .6);
	$$('#popup').set('tween', {'duration':300, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 1);
	
	
	$$('#close-popup').addEvent('click', function(){
		$$('#over').set('tween', {'duration':300, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 0);
		$$('#popup').set('tween', {'duration':300, 'transitions':Fx.Transitions.Quint.easeOut}).tween('opacity', 0);
		(function(){
			$$('#over').destroy(); $$('#popup').destroy();
		}).delay(400);
	})
	
})



function validateEmail(elementValue){
	var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	return emailPattern.test(elementValue);
}