$(document).ready(function() {
	$('#preloading').fadeOut();

	$('.boton').click(function() {
		$('.boton').removeClass('boton-on');
		$(this).addClass('boton-on');
	});
	
	$('.boton').mouseover(function() {
		$(this).addClass('boton-over');
	});
	
	$('.boton').mouseout(function() {
		$(this).removeClass('boton-over');
	});
});

function cargarContenido(seccion) {

	$('#divContenido').slideUp();
	$('#preloading').fadeIn();
	document.getElementById('divContenido').innerHTML = "";

	setTimeout(
			function() {

				var conn = new Ext.data.Connection();
				conn
						.request( {
							url : 'cargarContenido.php',
							method : 'POST',
							params : {
								"seccion" : seccion
							},
							success : function(responseObject) {

								$('#preloading').fadeOut();
								document.getElementById('divContenido').innerHTML = responseObject.responseText;
								$('#divContenido').slideDown();

							}

						});

			}, 200);

}

function validarContacto() {

	var regex = new RegExp(
			"^[^@ ]+@([a-zA-Z0-9-]+.)+([a-zA-Z0-9-]{2}|net|com|gov|mil|org|edu|int|biz|info|name|pro)$");
	var faltan = "";

	var email = document.getElementById('contact_email');
	if (regex.test(email.value) == false) {
		faltan = " - Email <br>";
		email.className = 'cajaContactoError';
		email.onclick = function() {
			this.className = 'cajaContacto';
		};
	}

	var pars = "tipo=contacto&email=" + email.value +"&";

	var campos = new Array("nombre", "dir", "telefono", "mensaje"
			);
	var obligatorios = new Array("Nombre", "Apellido", "Tel&eacute;fono","Comentario"
			);

	for (i = 0; i < campos.length; i++) {
		campo = document.getElementById('contact_' + campos[i]);

		if (campo.value == "" && obligatorios[i] != "") {
			faltan += " - " + obligatorios[i] + " <br>";
			campo.className = 'cajaContactoError';
			campo.onclick = function() {
				this.className = 'cajaContacto';
			};
		}

		pars += campos[i] + "=" + campo.value + "&";
	}

	if (faltan != "") {
		
		// Dialog
		document.getElementById('divError').innerHTML='*Por favor complete los campos obligatorios:';
		
		

	} else {
		document.getElementById('divContenido').innerHTML='<div style="width:870px; height:450px; background:url(./plantillas/resources/imgs/spinner222.gif) center center no-repeat" ></div>';
		var conn = new Ext.data.Connection();
		conn.request({
			url: 'enviarContacto.php',
			method: 'POST',
			params: pars,
			success: function(responseObject) {
				document.getElementById('divContenido').innerHTML=responseObject.responseText;

			}
		});
	}
}