//******* VARIABLES ********//
var textoProvisorio="";
var espera;
//******* FUNCIONES ********//

function focusCampo(){
	textoProvisorio = $(this).val()
	if(textoProvisorio=="Nombre" || textoProvisorio=="E-Mail" || textoProvisorio=="Organizacion" || textoProvisorio=="... escrib’ tus comentarios"){
		$(this).val("");
	}
}

function blurCampo(){
	if ($(this).val()==textoProvisorio){
		$(this).val(textoProvisorio);
	} else if(jQuery.trim($(this).val())=="") {
		switch($(this).attr('id')){
			case "txtNombre":
				$(this).val("Nombre");
				break;
			case "txtMail":
				$(this).val("E-Mail");
				break;
			case "txtOrganizacion":
				$(this).val("Organizacion");
				break;
			case "txtComentario":
				$(this).val("... escrib’ tus comentarios");
				break;
		}
	};
}

function inicializaForm(){
	$("#txtNombre").val("Nombre");
	$("#txtMail").val("E-Mail");
	$("#txtOrganizacion").val("Organizacion");
	$("#txtComentario").val("... escrib’ tus comentarios");
}

function ocultaMensaje(){
	$("#mensajeEnvio").slideUp('normal');
	clearInterval(espera);
}
// Cuando el DOM este listo
$(document).ready(function () {
	$("#mensajeEnvio").hide();
	var $secciones = $('#cuerpowrpr #contenidowrpr #contenido > div');
	var $contenedor = $('#cuerpowrpr #contenidowrpr #contenido');
	var horizontal = true;
	
	if (horizontal) {
		$secciones.css({'float':'left','position':'relative'});
  		$contenedor.css('width', $secciones[0].offsetWidth * $secciones.length);
	}

	var $scroll = $('#contenidowrpr #slider').css({'overflow':'hidden'});
	
	function seccionElejida() {
		$(this)
			.parents('div')
				.find('div.boton')
	    			.removeClass('elejido')
				.end()
			.end()
			.parents('div:first').addClass('elejido');
		$(this).parents('div:first').removeClass('sobre')
	}
	
	$('#menu').find('div').hover(function () {
		if(!$(this).hasClass("elejido"))
			$(this).addClass("sobre");
		}, function () {
		if(!$(this).hasClass("elejido"))
			$(this).removeClass("sobre");
	});
	
	
	$('#cuerpowrpr #menu').find('a').click(seccionElejida);

	function abre(__seccion) {
		var elemento = $('#cuerpowrpr #menu').find('a[href$="' + __seccion.id + '"]').get(0);
		seccionElejida.call(elemento);
	}
	
	// Checkeo si la URL viene con un hash
	if (window.location.hash) {
		abre({ id : window.location.hash.substr(2)});
	} else {
		$('#menu a:first').click();
	}

	var offset = parseInt((horizontal ? $contenedor.css('paddingTop') : $contenedor.css('paddingLeft')) || 0) * -1;

	var opcionesScroll = {
		target: $scroll,
		items: $secciones,
		navigation: '#menu div.boton',
		axis: 'xy',
		onAfter: abre,
		offset: offset,
		duration: 300,
		easing: 'swing'
	};

	$('#cuerpowrpr').serialScroll(opcionesScroll);
	$.localScroll(opcionesScroll);
	opcionesScroll.duration = 1;
	$.localScroll.hash(opcionesScroll);

	$(".campo").focus(focusCampo);
	$('.campo').blur(blurCampo);
	
	$("#botonEnviar").click(function(){	
		var tieneErrores = false;
		var emailRegEx = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var email = $("#txtMail").val();
		if(!emailRegEx.test(email)) {	
			$("#txtMail").val('E-Mail Invalido');
			tieneErrores = true;
		}
		
		var nombre = $("#txtNombre").val();
		if(nombre == 'Nombre') {
			tieneErrores = true;
		}
		var organizacion = $("#txtOrganizacion").val();
		if(organizacion == 'Organizacion') {
			tieneErrores = true;
		}
		
		var comentarios = $("#txtComentario").val();
		if(comentarios == '... escrib’ tus comentarios') {
			tieneErrores = true;
		}
		
		if(tieneErrores == false) {
			$(this).hide();
			$("#enviar").append('<img src="img-lib/ajax-loader.gif" alt="Enviando" id="enviando" />');
			$.post("php-lib/email.php",
   				{ txtNom: email, txtMai: nombre, txtOrg: organizacion, txtCom: comentarios },
   					function(data){
   						inicializaForm();
   						$("#enviando").hide();
   						$("#botonEnviar").show();
						$("#mensajeEnvio").html('<h1>Enviado</h1><p>Su email fue enviado correctamente.</p>');
   						$("#mensajeEnvio").slideDown('normal');
   						espera = setInterval( ocultaMensaje, 2000);
   					}
				 );
		}
		
		return false;
	});
	
});