Element.Events.clickout = {
  base : 'click',  // attach click event to element
  condition : function(event) {
    event.stopPropagation();  // stop event from bubbling up
    return false;  // never run handler when clicking on element
  },
  onAdd : function(fn) {
    this.getDocument().addEvent('click', fn);
  },
  onRemove : function(fn) {
    this.getDocument().removeEvent('click', fn);
  }
};

window.addEvent('domready',function() {
									
	$$('#navBar a')
	.set('morph',{duration:200})
	.addEvent('mouseover',function() {
		this.morph({'padding-top':4,'color':'#F5D631'});
	})
	.addEvent('mouseout',function() {
		this.morph({'padding-top':0,'color':'#fff'});
	})

	/*
	var SignUp = new RepetitionrForm($('signup_form'));
	$$('.signUp_link').addEvent('click', function(evt) {
		SignUp.open();
		evt.stop();
	});
	

	var signUpButton = document.getElement('#signup_form #signup_button');
	
	signUpButton.addEvent('click', function(evt) {
		
		var allFilled = document.getElements('#signup_form input')
						.every(function(i) {
							return (i.get('value').trim().length>0)
						});
		var isValidEmail = 	document.getElement('#signup_form input#petition_email')
									.get('value')
									.test(/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/);
			
		if ((!allFilled) || (!isValidEmail)) {
			
			if (!$('signup_error_message')) {
				var errMsg = new Element('div', {
									 'id':'signup_error_message',
									 'class':'error',
									 'html':'<strong>Please try again.</strong><br/>You must fill all the signup fields and you MUST provide a correct email address.'
				})
			} else 	errMsg = $('signup_error_message');
			
			errMsg.setOpacity(0)
			.inject(signUpButton,'after')
			.fade(1).fade.delay(2500,errMsg,0);
			
			$('signup_form').morph({'border-color':'#8A1F11','background-color':'#fff'})
			
			evt.stop();
		}
		
	})


	var SignIn = new RepetitionrForm($('signin_form'));			
	$$('.signIn_link').addEvent('click', function(evt) {
		SignIn.open();
		evt.stop();
	});*/


	
});