window.addEvent('domready', function(){

	/* Panel de sesión */

	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();

    $('toggleLogin').addEvent('click', function(e){
		e = new Event(e).stop();
		if(Browser.Engine.trident)
			Sexy.criticalError('<h1>Oops!<\/h1><p>Disculpe, hemos detectado que usa <b><strike>Internet Explorer<\/strike><\/b> como navegador, para usar todas las funcionalidades de este sistema le recomendamos cambiar a alguna alternativa libre, más segura, rápida y estable.<br \/><br \/>Nuestro equipo le recomienda ampliamente el uso de <a href="http://www.firefox.com">Firefox<\/a>, aunque <a href="http://www.google.com/chrome">Chrome<\/a> y <a href="http://www.opera.com/">Opera<\/a> pueden ser interesantes opciones para usted.<br \/><br \/>Gracias por usar nuestros servicios.<br \/><br \/><div style="text-align: center;"><a href="http://www.firefox.com"><img src="/img/firefox.png" class="icono" \/><\/a><a href="http://www.google.com/chrome"><img src="/img/chrome.gif" class="icono" \/><\/a><a href="http://www.opera.com/"><img src="/img/opera.gif" class="icono" \/><\/a><\/div><\/p>');
			//alert('Disculpe, hemos detectado que usa Internet Explorer como navegador, para usar todas las funcionalidades de este sistema le recomendamos cambiar a alguna alternativa libre, más segura, rápida y estable.\nNuestro equipo le recomienda ampliamente el uso de Firefox, aunque Chrome y Opera pueden ser interesantes opciones para usted.\nGracias por usar nuestros servicios.');
		else
		{
			$('user').focus();
			mySlide.toggle();
		}
	});

    $('closeLogin').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut();
		e.stop();
	});
	 
	$('empleo').addEvents({
		'mouseover':function(){this.src= '/img/sitio/empleo2.png'},
		'mouseout':function(){this.src= '/img/sitio/empleo.png'}
	});
	
	$('inscripcion').addEvents({
		'mouseover':function(){this.src= '/img/sitio/inscp2.png'},
		'mouseout':function(){this.src= '/img/sitio/inscp.png'}
	});

	$('manual').addEvents({
		'mouseover':function(){this.src= '/img/sitio/manual2.png'},
		'mouseout':function(){this.src= '/img/sitio/manual.png'}
	});
	 
	/**/

	var togglers = $$('h3.toggler');
	
	togglers.each(function(toggler, i){
			toggler.color			=	toggler.getStyle('background-color');
			toggler.$tmp			=	[];
			toggler.$tmp.first	=	toggler.getFirst();
			toggler.$tmp.fx		=	new Fx.Tween(toggler, 'background-color', {'transition': Fx.Transitions.Quart.easeOut});
	});

	var myAccordion = new Accordion($('accordion'), togglers, 'div.accordion', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.$tmp.fx.start('background-color', '#FFFFFF');
		},
		onBackground: function(toggler, element){
			toggler.$tmp.fx.start('background-color', '#121821');
		},
		display: -1
	});
	
	var found = 0;
	$$('h3.toggler a').each(function(link, i){
		if (window.location.hash.test(link.hash)) found = i;
	});
	myAccordion.display(found);

	$('home_button').addEvent('click',function(){myAccordion.display(0)});
	$('e-2box_button').addEvent('click',function(){myAccordion.display(1)});
	$('e-marketing_button').addEvent('click',function(){myAccordion.display(2)});
	$('faq_button').addEvent('click',function(){myAccordion.display(3)});
	
	/* Login */

		var r = function revisa(event){ if(event.code == 13) i(); }

		var i = function()
		{
			if(Browser.Engine.trident)
				Sexy.criticalError('<h1>Oops!<\/h1><p>Disculpe, hemos detectado que usa <b><strike>Internet Explorer<\/strike><\/b> como navegador, para usar todas las funcionalidades de este sistema le recomendamos cambiar a alguna alternativa libre, más segura, rápida y estable.<br \/><br \/>Nuestro equipo le recomienda ampliamente el uso de <a href="http://www.firefox.com">Firefox<\/a>, aunque <a href="http://www.google.com/chrome">Chrome<\/a> y <a href="http://www.opera.com/">Opera<\/a> pueden ser interesantes opciones para usted.<br \/><br \/>Gracias por usar nuestros servicios.<br \/><br \/><div style="text-align: center;"><a href="http://www.firefox.com"><img src="/img/firefox.png" class="icono" \/><\/a><a href="http://www.google.com/chrome"><img src="/img/chrome.gif" class="icono" \/><\/a><a href="http://www.opera.com/"><img src="/img/opera.gif" class="icono" \/><\/a><\/div><\/p>');
				//alert('Disculpe, hemos detectado que usa Internet Explorer como navegador, para usar todas las funcionalidades de este sistema le recomendamos cambiar a alguna alternativa libre, más segura, rápida y estable.\nNuestro equipo le recomienda ampliamente el uso de Firefox, aunque Chrome y Opera pueden ser interesantes opciones para usted.\nGracias por usar nuestros servicios.');
			else
			{
				var user = $('user'), passwd = $('password');
				if(user.value.trim() == '')
				{
					Sexy.error('<h1>Oops!<\/h1><p>El nombre de usuario no puede ir en blanco.<\/p>',{'onComplete':function(){user.select(); user.focus();}});
					//alert('El nombre de usuario no puede ir en blanco.');
					return;
				}
				else if(passwd.value.trim() == '')
				{
					Sexy.error('<h1>Oops!<\/h1><p>Su contraseña no puede ir en blanco.<\/p>',{'onComplete':function(){passwd.select(); passwd.focus();}});
					//alert('Su contraseña no puede ir en blanco.');
					return;
				}
				var hash = sha1(passwd.value);
				var frm  = new Element('form',{'action':'login.php','method':'post','id':'login'});
				var user = new Element('input',{'type':'hidden','name':'user','value':user.value}).injectInside(frm);
				var passwd = new Element('input',{'type':'hidden','name':'password','value':hash}).injectAfter(user);
				frm.injectInside(document.body);
				frm.submit();
			}
		}

		$('user').addEvent('keyup', r).focus();
		$('password').addEvent('keyup', r);
		$('btn_ingresar').addEvent('click', i);


		//var ContactForm		=	$('contact_form');
		var ContactForm		=	document.getElementById('contact_form')
		var ContactOverlay	=	new Overlay(ContactForm);

		$('contact_button').addEvent('click',function(e){
				e = new Event(e).stop();
				ContactOverlay.display(1);
		});

		$('cancel').addEvent('click',function(e){ e = new Event(e).stop(); ContactOverlay.display(0);})
		
		$('message').addEvents({
			'focus':function(){this.set('rows',5);	this.set('cols',50);},
			'blur':function(){this.set('rows',3);	this.set('cols',19);}
		})
		

		var regexpHash			=	new Hash({'mail':/^[a-z0-9._%-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i,
													'required':/[^.*]/,
													'alpha':/^[a-z ._-]+$/i,
													'digit':/^[-+]?[0-9]+$/});

		var validateForms		=	new Hash({'mail':'mail',
													'name':'alpha',
													'phone':'digit',
													'message':'required',
													'subject':'required'});

		validateForms.each(function(index,element){
			$(element).addEvents({
				'blur':function(){
					if(!regexpHash[index].test(this.value.trim()))
						this.getNext().addClass('cancel');
					else
						this.getNext().addClass('ok');
				},'focus':function(){
					this.getNext().removeClass('cancel');
					this.getNext().removeClass('ok');
					this.select();
				}
			});
		});

		$('send').addEvent('click',function(e){
			e	=	new Event(e).stop();
			var errores	=	ContactForm.getElements('span.cancel').length;
			if(errores > 0)
				return;
			else
				var jsonRequest = new Request.JSON({
					'url': "contacto.php",
					'data':document.forms[1].toQueryString(),
					'onComplete': function(obj){
						ContactOverlay.display(0);
						//$$('#contact_form input[type=text]','#contact_form textarea').each(function(el){el.set('value','');})
						}
					}).send();

		});
		
});
