// NOBLANCO js

/*********/
// ENLACES
/*********/
function initExt(){
	var as = $$('a');
	as.each(function(a){
		if(a.getProperty('rel') == 'external'){
			a.setProperty('target', '_blank');
		}
	});
	var tfoot = $E('p', 'foot');
	tfoot.setHTML('<span>Phone</span> (+574) 352 0563 <span>Address</span> CALLE 13 43E-27 MEDELLIN, COLOMBIA <span>Email</span> <a href="mailto:info@noblanco.com">info@noblanco.com</a>')
}

/****************/
// FORMA CONTACTO
/****************/
var forma;
var tapa;
function initForm(){
	var bg = '#f2f1ea';
	var bgOver = '#f1f2cc';
	var bgFocus = '#ffffff';
	var bgText = '#e5e3da';
	var campos = $$('#nob_name', '#nob_email', '#nob_message');
	campos.each(function(campo, i){
		campo.addEvents({
			'mouseover':
				function(){
					if(this.getStyle('background-color') != bgFocus) this.setStyles({'background-color': bgOver, 'border-color':'#cdceae'});
				},
			'mouseout':
				function(){
					if(this.getStyle('background-color') != bgFocus) this.setStyles({'background-color': bg, 'border-color':'#cccccc'});
					if(this.value != "") this.setStyles({'background-color': bgText, 'border-color':'#dcdbd2'});
				},
			'focus':
				function(){
					this.setStyles({'background-color': bgFocus, 'border-color':'#666666'});
				},
			'blur':
				function(){
					if(this.value == ""){
						this.setStyles({'background-color': bg, 'border-color':'#dddddd'});
					}else{
						this.setStyles({'background-color': bgText, 'border-color':'#dcdbd2'});
					}
				}
		});
	});
	var btn = $('nob_send');
	btn.addEvents({
		'mouseover':
			function(){
				this.setStyles({'border-color':'#985138', 'background-color':'#f1f2cc', 'cursor':'pointer'});
			},
		'mouseout':
			function(){
				this.setStyles({'border-color':'#db643b', 'background-color':'#fff', 'cursor':'default'});
			},
		'mousedown':
			function(){
				this.setStyles({'background-color':'#f6a488', 'cursor':'pointer'});
			}
	});
	//tapa 
	forma = $('contactForm');
	var tam = forma.getSize();
	tapa = new Element('div', {'id':'tapa', 'styles':{'width':tam.size.x, 'height':tam.size.y, 'border':'3px double #ccc', 'background-image':'url(img/bgcover.gif)'}});
}

function resetForma(){
	tapa.setHTML('<p style="margin-top:100px; padding:10px; text-align:center; font-size:1.4em">'+$('nob_name').value.split(' ')[0]+' thanks for your message.</p>');
	forma.replaceWith(tapa);
	tapa.effect('opacity', {duration: 500, transition: Fx.Transitions.linear}).start(0,1);
	if($('aviso')){
		$('aviso').remove();
	}
	$('intro').setText(' ');
}

function sendForm(){
	var txtInicial = 'Please check fields with out information.';
	var txtOtravez = 'Check your information again.';
	//var txtEmail
	var aviso;
	var form = $('contactForm');
	var campos = $$('#nob_name', '#nob_email', '#nob_message');
	form.addEvent('submit', function(e){
		new Event(e).stop();
		var datosOK = 0;
		campos.each(function(campo, i){
			if(campo.getValue() == '' && campo.getValue().length < 3){
				datosOK++;
			}
			if(i == 1 && (( campo.getValue().indexOf('@') == -1 ) || ( campo.getValue().indexOf('.') == -1 ))){
				datosOK++;
			}
		});
		
		if(datosOK != 0){
			if(!aviso){
				aviso = new Element('div', {'id':'aviso', 'styles': {'width': '390px', 'margin-bottom':'10px', 'padding':'5px', 'background':'#de7652', 'color':'#fff'}}).setText(txtInicial);
				aviso.injectBefore('contactForm');
				new Fx.Slide(aviso, {duration:300}).hide().slideIn();
			}else{
				aviso.empty();
				aviso.setText(txtOtravez);
			}
		}else{
			this.send({onComplete: resetForma});
		}
	});
}

/****************/
// INICIA SCRIPTS
/****************/
window.addEvent('domready', function(){
	new SmoothScroll({duration:1000, transition:Fx.Transitions.Cubic.easeOut});
	initExt();
	initForm();
	sendForm();
});